小程序-轮播图案例
Posted YAZI
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了小程序-轮播图案例相关的知识，希望对你有一定的参考价值。
为了方便我以后项目的使用
wxml:
autoplay="true"自动播放
circular="true" 采用协接滑动
indicator-dots="true" 显示圆点
indicator-color="#ff0000" 圆点颜色红色
indicator-active-color="#fff" 圆点激活白色
<swiper class=\'IMGbox\' autoplay="true" circular="true"indicator-dots="true"indicator-color="#ff0000"indicator-active-color="#fff">
<block wx:for="{{swiper}}" wx:key="{{swiper}}">
<swiper-item>
<image src=\'../images/banner{{item.index}}.jpg\'></image>
</swiper-item>
</block>
</swiper>
js:
Page({
data: {
swiper: [ { index: 1 },{ index: 2 },{ index: 3 },{ index: 4 },{ index: 5 }]
},
})
以上是关于小程序-轮播图案例的主要内容，如果未能解决你的问题，请参考以下文章