/1./这个是为了让代码块均匀分布
::v-deep .u-tabs__wrapper__nav {
justify-content: space-around;
}
//这个是为了让元素恢复原位
::v-deep .u-tabs__wrapper__nav__item {
flex: 1 !important;
}
经过查看源码得知,下划线之所以错位,是因为每一个子盒子加起来并没有撑满整个盒子,所以当下划线取定位的时候,就会发生错位,因为两个子盒子宽度无法沾满整个盒子,所以就需要flex:1来沾满盒子
::v-deep .u-tabs__wrapper__nav__line {
left: 0;
}