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

  }

}
相关推荐
JokerLee...几秒前
大屏自适应方案
前端·vue.js·大屏端
dyb-dev19 分钟前
我是如何学习 NestJS 的
前端·nestjs·全栈
kyriewen34 分钟前
重排、重绘、合成:浏览器渲染的“三兄弟”,你惹不起也躲不过
前端·javascript·浏览器
NickJiangDev38 分钟前
Elpis-Core 技术解析:从零构建一个基于 Koa 的企业级 Node.js 框架内核
前端
我要让全世界知道我很低调39 分钟前
来聊聊 Codex 高效编程的正确姿势
前端·程序员
NickJiangDev41 分钟前
Elpis Webpack 工程化实战:Vue 多页应用的构建体系搭建
前端
米饭同学i41 分钟前
GitLab CI/CD + Vue 前端 完整方案
前端
yuki_uix44 分钟前
遇到前端题目,我现在会先问自己这四个问题
前端·面试
Wect44 分钟前
JS 手撕:对象创建、继承全解析
前端·javascript·面试
PeterMap1 小时前
Vue.js全面解析:从入门到上手,前端新手的首选框架
前端·vue.js