wxml的选项卡菜单:
<view class="tabNav">
<view class="li {{tabindex==1?'cur':''}}" data-tabindex='1' bindtap="changeIndex">菜单1</view>
<view class="li {{tabindex==2?'cur':''}}" data-tabindex='2' bindtap="changeIndex">菜单2</view>
</view>
wxml-选项卡内容:
<view class="con {{tabindex==1?'on':''}}" >内容1 </view>
<view class="con {{tabindex==2?'on':''}}" >内容2 </view>
js部分:
data: {
tabindex:1
},
changeIndex:function(e){
var index =e.currentTarget.dataset.tabindex;
this.setData({tabindex:index});
},
网友评论