el-tabs 样式

el-tabs 是 Element UI 中的一个组件，用于创建选项卡标签页。你可以通过自定义样式来修改 el-tabs 的外观。

以下是一些常见的样式修改方法：

1. 修改选项卡的颜色：
你可以通过设置 el-tabs 的 background-color 属性来修改选项卡的背景颜色，例如：

   .el-tabs {
     background-color: #f0f0f0;
   }

2. 修改选中选项卡的样式：
你可以通过设置 el-tabs 的 active-tab-class 属性来修改选中选项卡的样式类，然后使用 CSS 来自定义选中选项卡的样式，例如：

   .custom-active-tab {
     background-color: #ff0000;
     color: #ffffff;
   }

   <el-tabs active-tab-class="custom-active-tab">
     <!-- 选项卡内容 -->
   </el-tabs>

3. 修改选项卡下方的下划线样式：
你可以通过设置 el-tabs 的 underline-style 属性来修改选项卡下方的下划线样式，例如：

   .el-tabs__active-bar {
     background-color: #00ff00;
     height: 4px;
   }

4. 修改选项卡标题的样式：
你可以通过设置 el-tabs 的 nav-wrapper-class 属性来修改选项卡标题的样式类，然后使用 CSS 来自定义选项卡标题的样式，例如：

   .custom-nav-wrapper {
     background-color: #f0f0f0;
   }

   <el-tabs nav-wrapper-class="custom-nav-wrapper">
     <!-- 选项卡内容 -->
   </el-tabs>

这些只是一些常见的样式修改方法，你可以根据自己的需求进一步自定义 el-tabs 的样式。希望对你有所帮助！