【小程序轮播】

效果图：

main.js:

data: {

    swiperCurrent: 0 

}, 

swiperChange: function (e) {

    console.log(e);

    this.setData({

      swiperCurrent: e.detail.current  //获取当前轮播图片的下标

    })

  },

  //点击指示点切换 

  changeIndex: function (e) {

    this.setData({

      swiperCurrent: e.currentTarget.id

    })

  }

main.wxml:

 

   

       

         

           

       

       

   

 

   

   

     

      {{swiperCurrent+1}}/4 

     

 

   

   

       

        {{index+1}}