小程序开发使用vant weapp中的tab组件时，点击当前tab时，让title颜色改变

小程序开发使用vant weapp中的tab组件时，点击当前tab时，让title颜色改变

话不多说，直接上代码

index.wxml
给van-tabs添加一个class名

<van-tabs active="{{ active }}" bind:change="onChange" swipe-threshold='5' class="index-tabs">
  <van-tab title="全部">内容 1</van-tab>
  <van-tab title="待付款">内容 2</van-tab>
  <van-tab title="待收货">内容 3</van-tab>
  <van-tab title="已完成">内容 4</van-tab>
  <van-tab title="已取消">内容 5</van-tab>
</van-tabs>

给这个类名添加下方的css，当点击tab时，当前激活的tab中的title颜色发生改变
index.wxss

.index-tabs .van-tab--active .van-ellipsis {
  color: #ff6969;
}

效果图如下：