老版本ele组件的tabs选中下划线样式修改

 如图是ElementUI 1.4.13的tabs官网案例截图

 查看样式可知，下划线是独立于tabs-item的一个div，由width和transform控制长度和位置。

要想设置长度和内容文字一样长，最好的方法就是给这个下划线div设置隐藏

然后将tabs-item的padding改成margin，最后给tabs-item设置下边框

附上scss代码

.sub-tabs {
        /deep/ .el-tabs__header {
          .el-tabs__active-bar {
            display: none;
          }
          .el-tabs__item {
            padding: 0;
            margin: 0 16px;
            font-size: 16px;
            &.is-active {
              border-bottom: 3px solid #fc4f08;
            }
          }
        }
      }