<el-tabs v-model="activeName" @tab-click="handleClick">
<el-tab-pane label="未读消息" name="second">未读消息</el-tab-pane>
<el-tab-pane label="已读消息" name="third">已读消息</el-tab-pane>
<el-tab-pane label="回收站" name="fourth">回收站</el-tab-pane>
</el-tabs>
在代码前边加上/deep/
/deep/.el-tabs{
margin-top: 20px;
background-color: #fff;
padding: 20px 0 0 20px;
font-size: 18px;
font-weight: 600;
.el-tabs__header {
.el-tabs__nav-wrap {
.el-tabs__nav-scroll{
.el-tabs__nav {
.el-tabs__item{
font-size: 18px ;
font-weight: 400;
color: #808080;
}
.el-tabs__active-bar{
height: 0;
}
.el-tabs__item.is-active{
color: #409EFF;
}
}
}
}
}
}