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, s