当前位置: 首页 > article >正文

去除el-tabs 下面的灰色横线,并修改每一项的左右间距,和字体颜色

HTML 

<el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
          <el-tab-pane label="全部" :name="null"></el-tab-pane>
          <el-tab-pane label="问答陪练" name="general-training"></el-tab-pane>
          <el-tab-pane label="自由演练" name="free-training"></el-tab-pane>
</el-tabs>

CSS 

.demo-tabs {
        ::v-deep {
          .el-tabs__nav-wrap::after {
            height: 0px;
          }
          .el-tabs__item {
            color: #767d8f;

            &.is-active{
              color: $--color-primary;
              font-weight: 600;
            }
            &:nth-child(2) {
              padding-right: 11px;
            }
            &:nth-child(3) {
              padding: 0 11px;
            }
            &:nth-child(4) {
              padding-left: 11px;
            }
          }
        }
}


http://www.kler.cn/a/464541.html

相关文章:

  • 使用npm 插件[mmdc]将.mmd时序图转换为图片
  • 渗透测试-非寻常漏洞案例
  • Rockect基于Dledger的Broker主从同步原理
  • 第二十六天 RNN在NLP中的应用
  • df.set_index(‘name‘).groupby(‘team‘).apply(first_3, ‘Q1‘)
  • 智联视频超融合平台:电力行业的智能守护者
  • 无人机快速巡检、森林、电力、水利大大节省人力成本,降低风险事故
  • 【文献精读笔记】Explainability for Large Language Models: A Survey (大语言模型的可解释性综述)(五)
  • GJB软件需求规格说明模板及详解
  • C# 设计模式(创建型模式):单例模式
  • 大型概念模型:在句子表示空间中的语言建模
  • CSS疑难记录
  • 基于通义千问2-VL-7B-Instruct模型的微调技术指南
  • 性能测试中如何设计真实的负载呢?
  • PyTorch快速入门教程【小土堆】之卷积层
  • 每日一些题
  • Excel重新踩坑5:二级下拉列表制作;★数据透视表;
  • C++ 日志库 spdlog 使用教程
  • smell---Paddle-DI
  • U盘提示格式化?原因、恢复方案与预防措施全解析
  • 数据挖掘——决策树分类
  • CodeFuse IDE 0.7 版本发布,支持 Lint Error 智能改写
  • 被裁20240927 --- 嵌入式硬件开发 STM32篇
  • 33.时间函数相关 C#例子
  • 使用Python类库pandas操作Excel表格
  • 安全对讲需求大增,遨游PDT数字集群对讲机如何担此重任?