el-tabs 样式修改

复制代码
.root {
  :deep(.el-tabs__content) {
    height: 100vh;
    padding: 5px;
    background-color: #d1ecd63d;
  }

  :deep(.el-tabs__header) {
    height: 100vh;
    background-color: #d1dcec3d;
    margin: 0;

    .el-tabs__item {
      padding: 0 10px;
      margin: 5px auto;
      text-align: center;
    }

    .is-active {
      background-color: #f1b2f75b;
    }

    // 去掉长分割线
    .el-tabs__nav-wrap::after {
      display: none;
    }

    // 去掉下划线
    .el-tabs__active-bar {
      background-color: transparent !important;
    }

  }

}
相关推荐
cjy00011119 分钟前
2026年9月零基础能听懂国内 FDE 讲师的课吗?
大数据·前端·人工智能·fde
南雨北斗34 分钟前
wangeditor5 在vue3项目中的正确配置
前端
Cache技术分享36 分钟前
517. Java 方法句柄 - 方法句柄 vs 反射 API
前端·后端
小刘在重生~37 分钟前
Web 前端基础|HTML+CSS+JavaScript+Bootstrap
前端·css·html
是立不是利42 分钟前
第二篇:CSS 与用户体验——看不见的设计
前端·css·ux
打呵欠的猫1 小时前
我把 20 个页面的权限控制从"硬编码"改成"配置驱动",AI 帮我生成了 80% 的迁移代码
前端·ai编程
志尊宝1 小时前
Vue3 零基础每日笔记(005):ref 响应式基础——为什么 script 里要 .value
前端·javascript·vue.js·笔记
海鸥两三1 小时前
Mac电脑使用 Tabby 部署前端项目到阿里云服务器完整教程
前端·macos·阿里云
console.log('npc')1 小时前
2026 实测:Grok 4.5 与 Grok 4.6 怎么选?前端开发、教程写作、Figma 还原选型指南
前端·大模型·ai编程·figma·grok
yyt3630458411 小时前
一次鼠标交互触发两次 Vue flushJobs:把高频交互从 VDOM 里拆出来
前端·vue.js·计算机外设