tabs

<view class="tabs">
    <view class="tabsitem {{sindex==index?'active':''}}" data-index="{{index}}" bindtap="bindtap" wx:for="{{array}}">{{item}}</view>
</view>

Component({
  properties: {
    array: {
      type: Array,
      value: []
    }
  },
  data: {
    sindex: 0
  },
  methods: {
    bindtap(e) {
      let sindex = e.currentTarget.dataset.index
      console.log("sindex", e);
      this.setData({
        sindex
      }) 
      this.triggerEvent('myevent', sindex)
    }
  }
})

.tabs{
  display: flex;
}
.tabsitem{
  flex: 1;
  text-align: center;
  height: 60rpx;
  line-height: 60rpx;

}
.active{
  color: red;
  border-bottom: 2rpx solid red;
}