由于最近工作比较忙,好久没有更新系列课程了,今天终于抽出时间继续为大家更新零基础自学小程序系列课程了。
废话不多说,进入今天的课程
基本实现功能
1,首页轮播图
2,循环轮播
3,定时轮播
老规矩先看效果图
其实实现上面效果很简单,因为微信给我现成的api。
这里用到了微信的swiper控件,下面简单贴出一段代码
简单的解释下
indicator-dots:是否显示面板指示点
autoplay:是否自动轮播
interval:轮播时间间隔
其实这些在微信官方文档里都有。这里你还可以定义指示点的颜色,是否循环切换等。
传送门:https://mp.weixin.qq.com/debug/wxadoc/dev/component/swiper.html
今天的小程序首页轮播图就给大家讲到这里,后续我还会继续更新小程序自学系列教程