vue项目中van-tabs改变下划线颜色

使用color属性可以修改下划线的颜色。如下图vant 的官方网站如下：https://youzan.github.io/vant/#/zh-CN/tab<van-tabsv-model="active"stickytitle-active-color="#144a9e" // 选中的标签文字颜色color="#144a9e" // 下面那个下划线颜色@click="ta...

帅燊

6689人浏览 · 2020-02-17 12:22:39

帅燊 · 2020-02-17 12:22:39 发布

使用color属性可以修改下划线的颜色。如下图
在这里插入图片描述
vant 的官方网站如下：

https://youzan.github.io/vant/#/zh-CN/tab

<van-tabs
v-model="active"
sticky
title-active-color="#144a9e" // 选中的标签文字颜色
color="#144a9e" // 下面那个下划线颜色
@click="tabClick">

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^