el-tabs样式修改

您可以通过修改el-tabs组件的class或者自定义样式来进行样式修改。以下是一些常见的样式修改方法：

1. 修改组件class：您可以为el-tabs组件添加自定义的class，然后在CSS中编写对应的样式。例如：

<el-tabs class="my-tabs">
  <!-- tabs content -->
</el-tabs>

.my-tabs .el-tabs__nav-item.is-active {
  background-color: red;
}

2. 自定义主题：如果您希望一次性修改多个组件的样式，您可以使用element-ui提供的主题功能。在项目中安装并引入[element-theme](https://github.com/ElementUI/element-theme)插件，并创建一个主题文件。然后，您可以在主题文件中修改el-tabs组件的样式。例如：

/* theme/index.less */
@import '~element-ui/packages/theme-chalk/src/index';

.my-theme {
  /* 修改el-tabs的样式 */
  .el-tabs__nav-item.is-active {
    background-color: red;
  }
}

// element-variables.scss
@import "~element-ui/packages/theme-chalk/src/index";

@include element-variables(
  $prefix-icon-font-size: 16px,
  $size-medium: 14px,
  $size-small: 12px,
  $size-mini: 10px,
  $color-primary: #409EFF,
  $color-success: #67C23A,
  $color-warning: #E6A23C,
  $color-danger: #F56C6C,
  $border-radius-base: 4px,
  $border-radius-small: 2px
);

这些方法可以帮助您修改el-tabs组件的样式。请根据您的具体需求选择合适的方法进行样式修改。