微信小程序选项卡加轮播

//页面代码

无极剑圣

疾风剑豪

德玛西亚

第一屏

第二屏

第三屏

//js代码

var app=getApp()

Page({

  data:{

    currentTab:0  

},

  onLoad:function(options){    // 页面初始化 options为页面跳转所带来的参数  },

  //滑动切换  swiperTab:function( e ){   

        var that=this;

    that.setData({

      currentTba:e.detail.current

    });

  },

  //点击切换  clickTab: function( e ){ 

    var that = this; 

    if( this.data.currentTab === e.target.dataset.current ) { 

      return false; 

    } else { 

      that.setData( { 

        currentTab: e.target.dataset.current 

      }) 

    } 

  } 

})

//css代码

就不写了   既让都学小程序了  相信大家都已经对css烂熟于心了!!!!

你可能感兴趣的:(微信小程序选项卡加轮播)