小程序实现选项卡

index.wxml

<view class="tab">
<button wx:for="{{arr}}" bindtap="click" class="{{index===indexs?'ac':''}}" data-index="index">{{item}}</button>
</view>
<view wx:for="{{arr}}" class="{{index===indexs?'ac':'no'}}">{{item}}</view>

index.js

var app = getApp()
Page({
    data: {
        arr: [1, 2, 3],
        indexs: 0,
    },
    click(e) {
        this.setData({
            indexs: e.target.dataset.index
        })
    }

})

index.wxss

.tab{
    width: 100vw;
    display: flex;
}
.ac{
    background-color: pink;
}
.no{
    display: none;
}

这样就完成了选项卡了，