摘要：微信小程序的组件今天学习了微信小程序的组件。参考官网和一新建模板在组件文件夹下新建一个模板文件。使用属性，作为模板的名字模板的唯一标识符，使用时用属性声明。然后在内定义代码片段，代码如下二使用模板在调用页面使用模板。
微信小程序的swiper组件
今天学习了微信小程序的swiper组件。参考官网template和swiper
一、新建模板在组件文件夹components下新建一个模板文件swiper.wxml。
template 使用name属性，作为模板的名字（模板的唯一标识符，使用时用is属性声明）。然后在内定义swiper代码片段 ，代码如下：
二、使用模板
在调用页面使用模板。使用 is 属性，声明需要使用的模板（模板是多带带的wxml文件，需要import引入）
然后将模板所需要的 data 传入
三、设置data
在js中设置swiper参数
/*index.js*/
Page({
data: {
swiperCon: {
imgUrls: [
"../../images/banner-1.png",
"../../images/banner-2.png"
],
indicatorDots: true,//是否显示面板指示点
indicatorColor: "rgba(0, 0, 0, .3)",//指示点颜色
indicatorActiveColor: "#007aff",//当前选中的指示点颜色
autoplay: true,//是否自动切换
interval: 5000,//自动切换时间间隔
duration: 1000,//滑动动画时长
circular: true,//是否采用衔接滑动
}
}
})
完整案例
文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。
转载请注明本文地址：https://www.ucloud.cn/yun/83469.html
摘要：传统的网页编程采用的三剑客来实现，在微信小程序中同样有三剑客。观察者模式不难实现，重点是如何在微信小程序中搭配其特有的生命周期来使用。交互事件传统的事件传递类型有冒泡型与捕获型，微信小程序中自然也有。 本文由作者邹永胜授权网易云社区发布。 简介为了更好的展示我们即时通讯SDK强悍的能力，网易云信IM SDK微信小程序DEMO的开发就提上了日程。用产品的话说就是: 云信 IM 小程序 S...
摘要：利用这篇教程存储一些常用的微信小程序开发技巧，方便查找。但是第一，微信小程序是国内的，有中文文档，虽然它的文档说明有点坑，但好歹有文档，阅读理解对小伙伴们来说不是问题。 Create by jsliang on 2018-9-17 17:58:56 Recently revised in 2018-11-19 08:19:13 Hello 小伙伴们，如果觉得本文还不错，记得给个...
摘要：利用这篇教程存储一些常用的微信小程序开发技巧，方便查找。但是第一，微信小程序是国内的，有中文文档，虽然它的文档说明有点坑，但好歹有文档，阅读理解对小伙伴们来说不是问题。 Create by jsliang on 2018-9-17 17:58:56 Recently revised in 2018-11-19 08:19:13 Hello 小伙伴们，如果觉得本文还不错，记得给个...
摘要：利用这篇教程存储一些常用的微信小程序开发技巧，方便查找。但是第一，微信小程序是国内的，有中文文档，虽然它的文档说明有点坑，但好歹有文档，阅读理解对小伙伴们来说不是问题。 Create by jsliang on 2018-9-17 17:58:56 Recently revised in 2018-11-19 08:19:13 Hello 小伙伴们，如果觉得本文还不错，记得给个...
阅读 746·2021-09-22 16:01
阅读 2040·2021-08-20 09:37
阅读 1676·2019-08-30 15:54
阅读 1671·2019-08-30 15:44
阅读 737·2019-08-28 18:23
阅读 2981·2019-08-26 12:17
阅读 990·2019-08-26 11:56
阅读 1524·2019-08-23 16:20
