微信小程序-swiper视图组件



  
   
      
      
   
 




interval
duration
// pages/index/index.js
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',
      'http://www.blogtextbooks.com/wp-content/uploads/2018/02/em7.png'
    ],
    indicatorDots:false,
    autoplay:false,
    interval:5000,
    duration:1000
  },

  changeIndicatorDots:function(e){
    this.setData({
      indicatorDots: !this.data.indicatorDots
    })
},

  changeAutoplay:function(e){
    this.setData({
      autoplay: !this.data.autoplay
    })
  },

  intvervalChange:function(e){
    this.setData({
      interval:e.detail.value
    })
  },

  durationChange: function (e) {
    this.setData({
      duration: e.detail.value
    })
  },

})

原文链接:微信小程序-swiper视图组件

 

你可能感兴趣的:(微信小程序)