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;
    }

  }

}
相关推荐
小飞悟6 分钟前
🎯 什么是模块化?CommonJS 和 ES6 Modules 到底有什么区别?小白也能看懂
前端·javascript·设计
浏览器API调用工程师_Taylor7 分钟前
AOP魔法:一招实现登录弹窗的全局拦截与动态处理
前端·javascript·vue.js
FogLetter8 分钟前
初识图片懒加载:让网页像"懒人"一样聪明加载
前端·javascript
微客鸟窝9 分钟前
一文搞懂NVM管理Node.js:从安装到实战全攻略
前端
归于尽10 分钟前
Cookie、Session、JWT 的前世今生
前端
程序员辉哥11 分钟前
学会在Cursor中使用Rules生成代码后可以躺平了吗?
前端·后端
请你吃div16 分钟前
JavaScript 实用函数大全(超实用)
前端·javascript·面试
一个水瓶座程序猿.17 分钟前
Vue3 中使用 Vueuse
前端·javascript·vue.js
夏梦春蝉18 分钟前
ES6从入门到精通:Symbol与迭代器
前端·javascript·es6
一个水瓶座程序猿.21 分钟前
ES6数组的`flat()`和`flatMap()`函数用法
前端·ecmascript·es6