小程序-轮播图案例

为了方便我以后项目的使用

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 }]

},

})

原文地址：https://www.cnblogs.com/liuqingxia/p/8566681.html