<swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}} " bindchange="bindchangeTag"> <block wx:for="{{imgUrls}}">  <swiper-item>   <image src="{{item}}" class="slide-image"/>  </swiper-item> </block></swiper><button bindtap="changeIndicatorDots"> 是否顯示面板指示點(diǎn) </button><button bindtap="changeAutoplay"> 是否自動(dòng)切換 </button><slider bindchange="intervalChange" show-value min="1000" max="2000"/> 自動(dòng)切換時(shí)間間隔<slider bindchange="durationChange" show-value min="1800" max="10000"/> 滑動(dòng)動(dòng)畫時(shí)長(zhǎng)

Page({ data: {  imgUrls: [   'http://img02.tooopen.com/images/20150928/tooopen_sy_143912755726.jpg',   'http://img06.tooopen.com/images/20160818/tooopen_sy_175866434296.jpg',   'http://img06.tooopen.com/images/20160818/tooopen_sy_175833047715.jpg'  ],  indicatorDots: false,  autoplay: false,  interval: 1000,  duration: 1800 }, //是否顯示面板指示點(diǎn) changeIndicatorDots: function(e) {  this.setData({   indicatorDots: !this.data.indicatorDots  }) }, //是否自動(dòng)切換 changeAutoplay: function(e) {  this.setData({   autoplay: !this.data.autoplay  }) }, //自動(dòng)切換時(shí)間間隔 intervalChange: function(e) {  this.setData({   // e.detail.value獲取slider的值   interval: e.detail.value  }) }, //滑動(dòng)動(dòng)畫時(shí)長(zhǎng) durationChange: function(e) {  this.setData({   duration: e.detail.value  }) }, //當(dāng)頁(yè)面改變是會(huì)觸發(fā) bindchangeTag:function(e){  console.log("bindchangeTag...") },  onLoad:function(options){  // 頁(yè)面初始化 options為頁(yè)面跳轉(zhuǎn)所帶來的參數(shù) }, onReady:function(){  // 頁(yè)面渲染完成 }, onShow:function(){  // 頁(yè)面顯示 }, onHide:function(){  // 頁(yè)面隱藏 }, onUnload:function(){  // 頁(yè)面關(guān)閉 }})

.slide-image{  width: 100%;  height: 160px;}