微信小程序 选项卡

html

  商品介绍
  商品评价


  
商品规格详情

  
    商品评价
  
 

js

data: {
activeIndex:0,
}
// 点击事件
tabNav: function (e) {
    // console.log(e)
    this.setData({
      activeIndex: e.currentTarget.dataset.current
    });
    // console.log("navTabClick:" + e.currentTarget.dataset.current);
  },

css

> .tabs{
  width:100%;
  height:80rpx;
  line-height:80rpx;
  display: flex;
  border-bottom:2rpx solid lightgray;
}
.tabs view{
  width:50%;
  text-align: center;
}
.on{
  width:50%;
  color:red;
  border-bottom:2rpx solid red;
}
.swiper-tab-list{
  width:50%;
}
.shopSize{
  height:100%;
  overflow: scroll;
}