需求:
Elemnet UI提供的:
tabs:https://element.eleme.cn/#/zh-CN/component/tabs
修改:
/deep/ .el-tabs {
// background: rgba(2, 15, 43, 0.7);背景颜色
/deep/ .el-tabs__header {
// margin-bottom: 0.1rem; //
// margin-bottom: 0;
/deep/ .el-tabs__nav {
height: 40px !important;
// height: 0.4rem !important;
}
/deep/ .el-tabs__nav-wrap::after {
background-color: transparent !important; //底部线条
}
// .el-tabs__active-bar
/deep/ .el-tabs__active-bar {
background-color: #50a0ff !important; //所选中tab的底部线条
height: 2px !important;// tab线条的高度
// height: 0.02rem !important;
}
/deep/ .el-tabs__item {
//每个tab
color: #a0b2d3;
font-size: 20px;
// font-size: 0.22rem;
font-family: Source Han Sans CN;
font-weight: bolder;
height: 38px;
line-height: 38px;
// height: 0.38rem;
// line-height: 0.38rem;
}
// 去除选中 的蓝色 边框
/deep/ .el-tabs__item:focus.is-active.is-focus:not(:active) {
-webkit-box-shadow: none;
box-shadow: none;
}
/deep/ .is-active {
//选中 的tab 的字体
color: #50a0ff;
// color: #fff;
}
}
}