swiper 轮播图 动画上的一些效果indicator-dots:是否显示小圆点,默认为falseautoplay: 是否自动轮播interval:间隔时间多长duration: 动画时间circular:是否采用衔接滑动,也就是无缝滑动。vertical:是否纵向滑动,默认是横向滑动。display-multiple-items:同时显示的滑块数量,默认是1个。...
个人练习 倒计时 轮播图 倒计时html<!-- 倒计时 --> <div class="time"> <p>10:00场</p> <img src="./img/lightning.png"> <p>距离结束还有</p> <div class="time1"> <div id="hour"></div> <span&
注册百度地图开发者账户创建 §1 注册百度地图开发者账户与创建应用1.1 百度地图开放平台简介1.2 开发者账户的注册1.3 创建应用1.4 关于应用的几点说明1.4.1 AK1.4.2 备注信息1.4.3 设置1.4.4 用量查询1.1 百度地图开放平台简介百度地图开放平台面向广大政府、企业、互联网等开发者开放地图服务能力,开发者市场占有率达到75%,每天支撑近50万APP、网站应用运营。百度地图开放平台拥有六大基础地图服务开放能力:定位、影像、出行、轨迹、数据、分析,并将六大服务能力免费开放给开发者使用。百
navigator的open-type跳转问题 navigator的open-type属性 可选值 ‘navigate’、‘redirect’、‘switchTab’,对应于wx.navigateTo、wx.redirectTo、wx.switchTab的功能open-type="navigate"等价于API的 wx.navigateTo 而wx.navigateTo的url是需要跳转的应用内非 tabBar 的页面的路径open-type="redirect"等价于API的 wx.redirectTo 而wx.redirectTo的url是需要跳
uni-app 简单实现基本购物车 uni-app实现购物车加减数量,计算金额数量,选中/未选中 删除商品先看一下完整效果图 如下:<template> <view class="index container"> <!-- 商品内容 --> <!-- <detriment :detriment="detriment"></detriment> --> <view class="detriment display-flex justify
uni-app-商品分类导航、 双向绑定 第一种方法<template> <view class="row navBox" :style="scrollHeiht"> <!-- 左侧一级分类列表 --> <scroll-view :scroll-top="scrollTopLeft" scroll-y class="leftNavBox col20-5 height-100"> <view class="leftNavItem py-20 text-center" v-for=
Vue Vue.js基础知识1.在官网上可以下载Vue.js可以在本地加载,也可以使用CDN(内容分发网络)加载。2、第一个Vue.js程序:var vm=new Vue({ el:‘#app’, data:{ //数据区 x:100, y:‘OK’}})<div id=”app”> <p>{{y}}</p&g...
Vant 框架 Toast 轻提示引入代码演示import { Toast } from 'vant';Vue.use(Toast);文字提示Toast('提示内容');加载提示Toast.loading({ mask: true, message: '加载中...'});成功/失败提示Toast.success('成功文案');Toast.fail('失败文案');自定义图标Toast({ text: '自定义图标', icon: 'like-o'});Toast(
git 克隆下载及上传 先在系统里创建一个 项目文件夹 文件夹名字:gitscape(放在系统什么位置 随意 名字随意)gitscape(这个名字比较语义化)然后在这个文件夹里,在桌面右击鼠标 选中Git Bash Here 选项首先你要下载git,没有下载的,去看我前面一篇博客下载,下载好之后,再来看这个就好了...
git(分布式版本控制系统)+码云(代码托管平台) git之前用过,但是都不怎么用,现在一下子让上传、下载,搞的是一脸懵,得研究了差不多一天吧,才整明白,在这里记一下,方便看,也方便还不熟悉的来看看。哪写的不对的,可以留言联系我。git简介git是一个开源的分布式版本控制系统,可以有效、告诉地处理从很小到非常大的项目版本管理。git 是 Linus Torvalds 为了帮助管理 Linux 内核开发而开发的一个开放源码的版本控制软件。git特点分布式相对于集中式的最大区别在于开发者可以提交到本地,开发者可以通过克隆/复制(git clone),
uni-app 和Vuex Vue.js框架下的移动端 开发工具:HbuilderXuni-app基础知识1.利用开发工具HbuilderX创建一个uni-app项目路径:“文件”菜单 | 新建 | 项目 | 默认模板1、[pages]:存放页面的目录,里面的每一个文件夹就是一个页面。2、[static]:存放静态文件的目录,里面可以放置图片、字体等。3、App.vue:实现整个项目的生命周期。4、m...
uni-app uni-app1.搭建环境上官网安装一下开发工具然后需要安装微信开发者工具 最好用最新的如果直接写app的话 可以安装模拟器 如果是mac 再安装Xcode 就可以双端然后用开发工具 创建一个模板运用了2.使用vuexuni-app已经内置vuex 不需要再安装了在根目录下新建store文件 在其目录创建index.jsimport Vue from "vue";import Vuex from "vuex";Vue.use(Vuex);import users from "./
element UI表格绑定动态数据与selection复选操作 element UI表格绑定动态数据与selection复选操作的坑案例介绍:此案例是要求完成对客户的批量删除功能,因为客户有多条数据所以要结合分页组件来实现,并且批量删除按钮默认是禁用的,当有数据被选中时变为可用状态。当的数据:data是一个动态数据时(分页功能导致),若表格具备selection列,且对当前操作的事件(例如selection-change)也具备对变量的操作时:表格的复选功能会执行两次。示例代码:<el-row> <el-col :span="
Vue (1)包管理工具与镜像:npm即node.js包管理工具的全称为node.js package manager,cnpm为淘宝镜像,一般同步频率为10分钟一次。cnpm与npm使用语法相同,区别在于服务器。(2)注册语法为在components选项里加入组件名进行注册,可以在注册时改名v-Register;(3)深拷贝与浅拷贝:数据类型分为基本数据类型和引用数据类型 ,其中基本数据类型包含number,string,null,undefined,boolean,引用数据类型包含Array,obje
组件element------Navigation组件 NavMenu 导航菜单顶栏-----导航菜单默认为垂直模式,通过mode属性可以使导航菜单变更为水平模式。另外,在菜单中通过submenu组件可以生成二级菜单。Menu 还提供了background-color、text-color和active-text-color,分别用于设置菜单的背景色、菜单的文字颜色和当前激活菜单的文字颜色。<el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @se
组件element------基础组件 基础布局<el-row> <el-col :span="24"><div class="grid-content bg-purple-dark"></div></el-col></el-row><el-row> <el-col :span="12"><div class="grid-content bg-purple"></div></el-col> <
ECharts百度图表 一、学习百度图表插件ECharts百度图表官方域名为:http://echarts.baidu.com。可以从该网站上下载百度图表的js文件,该文件的文件名为:echarts.js在使用百度图表的HTML文档中加载下载的echarts.js文件:<script type="text/javascript" src="js/echarts.js"></script>...
11.微信小程序(Flex布局-容器属性) 大纲(1)场景(2)容器与项目元素(3)主轴与交叉轴(4)容器属性盒模型分类盒模型分类:IE盒模型,标准盒模型,本质区别:宽高计算方式场景在小程序开发中,需要考虑各种尺寸终端设备上的适配。在传统网页开发,用的是盒模型,通过display:inline | block | inline-block、 position、float来实现布局,缺乏灵活性且有些适配效果难以实现比如下...
微信小程序(组件--表单:滑块、开关、选择器) 表单组件(1)表单组件—slider滑动组件<!-- 表单组件---slider滑动组件 --> <slider min="10" max="60" show-value="true"></slider>颜色类属性滑块属性拖动事件 <!-- 表单组件---slider滑动组件 --> <!...
微信小程序(组件--表单:交互控件) 大纲(1)input输入框组件(2)textarea多行输入框组件(3)form表单组件(4)radio-group单选选择器与radio单选项目(5)label关联组件(6)checkbox-group多选选择器与checkbox多选项目表单组件(1)input输入框组件基础属性 <view> 姓名:<input value="吖吖吖" focus>...