el-tabs样式调整案例

el-tabs样式调整案例，仅供参考哈。。。

注意：less下用/deep/ scss下用::v-deep

  ::v-deep .el-tabs__header.is-top {
    margin: 0;
  }
  ::v-deep .el-tabs {
    border: #2d4d7b solid 2px;
    margin: 10px 0 0 10px;
    background: #18283b;
    border-radius: 20px;
    .el-tabs__header {
      .el-tabs__nav-wrap {
        .el-tabs__nav-scroll {
          .el-tabs__nav {
            .el-tabs__active-bar {
              display: none;
            }
            .el-tabs__item {
              width: 159px;
              height: 50px;
              padding: 0;
              text-align: center;
              line-height: 50px;
              font-size: 22px;
              color: #fff;
              border-radius: 20px 20px 0 0;
            }
            .el-tabs__nav-wrap.is-scrollable {
              padding: 0;
            }
            .el-tabs__item.is-active {
              color: #ffffff;
              background: #4b78bb; //linear-gradient(45deg, #dd2e9b 0%, #f47039 99%);
            }
          }
        }
      }
    }
    .el-tabs__nav-wrap::after {
      display: none;
    }
  }

效果：