HTML 

<el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
          <el-tab-pane label="全部" :name="null"></el-tab-pane>
          <el-tab-pane label="问答陪练" name="general-training"></el-tab-pane>
          <el-tab-pane label="自由演练" name="free-training"></el-tab-pane>
</el-tabs>

CSS 

.demo-tabs {
        ::v-deep {
          .el-tabs__nav-wrap::after {
            height: 0px;
          }
          .el-tabs__item {
            color: #767d8f;

            &.is-active{
              color: $--color-primary;
              font-weight: 600;
            }
            &:nth-child(2) {
              padding-right: 11px;
            }
            &:nth-child(3) {
              padding: 0 11px;
            }
            &:nth-child(4) {
              padding-left: 11px;
            }
          }
        }
}