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

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

话不多说,直接上代码

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


  内容 1
  内容 2
  内容 3
  内容 4
  内容 5

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

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

效果图如下:
小程序开发使用vant weapp中的tab组件时,点击当前tab时,让title颜色改变_第1张图片
小程序开发使用vant weapp中的tab组件时,点击当前tab时,让title颜色改变_第2张图片

你可能感兴趣的:(小程序开发使用vant weapp中的tab组件时,点击当前tab时,让title颜色改变)