如何制作标签栏高亮(微信小程序)

思想：
1、通过定义一个变量 来控制标签高亮
我这里定义的是show

   show: 0 //导航栏高亮

2、通过循环给每一个标签添加点击事件`

js代码如下

//通过点击事件   把index赋值给show
  gaoliang(e) {				
    this.setData({
      show: e.currentTarget.dataset.index    //赋值
    })
  },

html代码
通过 动态绑定class事件 对满足条件的标签设置样式

<view wx:for="{{typeList}}" wx:key="index" style="margin-left:30rpx"
  bindtap="gaoliang" data-index="{{index}}" class="{{show===index?'isAvtive':''}}">
		<view>{{item.name}}</view>
	</view>

<view class="top">
	<view wx:for="{{typeList}}" wx:key="index" style="margin-left:30rpx"
  bindtap="gaoliang" data-index="{{index}}" class="{{show===index?'isAvtive':''}}"
  >
		<view>{{item.name}}</view>
	</view>
</view>

效果点击标签高亮