解决element-ui的tab栏切换样式的问题_el-tabs刷新时active-bar有问题

1.出现如上情况，用element-ui同样也可以实现；

2.实现难度在于，用css画出来的三角可以实现，三十由于父盒子宽度不够，会被默认隐藏，此时我们需要抬高下划线和三角形，如何用伪类让后面的线也抬高；代码如下：

::v-deep .thing-tab {

    .is-stretch {

        display: flex;

        min-width: 1024px;

    }

    .el-tabs__item {

        width: 200px;

        height: 125px;

        padding: 30px 45px 28px 50px;

        color: #298ee8;

        font-weight: 500;

        font-size: 42px;

        font-family: Alibaba-PuHuiTi-Medium, sans-serif;

        text-align: center;

    }

    .el-tabs__active-bar {

        top: 96px;

        width: 254px !important;

        background-color: #298ee8;

        &::after {

            position: absolute;

            top: 2px;

            left: 118px;

            width: 0;

            height: 0;

            border-top: 20px solid rgba(41, 142, 232, 1);

            border-right: 20px solid transparent;

            border-bottom: 0 solid transparent;

            border-left: 20px solid transparent;

            content: '';

        }

    }

    .is-active {

        color: #298ee8;

    }

    .el-tabs__nav-wrap::after {

        position: absolute;

        bottom: 25px;

        left: 0;

        // display: none;

        width: 100%;

        height: 2px;

        background-color: #333;

        content: "";

        z-index: 1;

    }

}