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

  }

}
相关推荐
她超甜i4 分钟前
前端通过后端给的webrtc的链接,在前端展示,并更新实时状态
前端·javascript·webrtc
歪歪10010 分钟前
Redux和MobX在React Native状态管理中的优缺点对比
前端·javascript·react native·react.js·架构·前端框架
东风西巷14 分钟前
Atlantis Word Processor:全方位的文字处理专家
前端·学习·word·软件需求
今天不要写bug26 分钟前
基于elementUI实现一个可编辑的表格(简洁版)
前端·javascript·elementui
上优29 分钟前
Vue3纯前端同源跨窗口通信移动AGV小车
前端·vue.js·状态模式
h_k1008629 分钟前
Chrome 插件开发入门技术文章大纲
前端·chrome
一只小阿乐30 分钟前
vue-router 的实现原理
前端·javascript·vue.js·路由·vue-router
Zz_waiting.30 分钟前
案例开发 - 日程管理 - 第七期
开发语言·前端·javascript·vue.js·html·路由
一只小风华~34 分钟前
Vue:事件处理机制详解
前端·javascript·vue.js·typescript·前端框架
dy17175 小时前
element-plus表格默认展开有子的数据
前端·javascript·vue.js