<div:class="{isFirst: index === 0,tab_item: index !== 0,}":style="{width: item?.label?.length > 4 ? '206px' : '137px',}"><div>{{ item.label }}</div></div>

isFirst是直角梯形 tab_item是平行四边形 

直角梯形

        

                .isFirstcursor pointerwidth: 107px;height: 0px;border: 0px solid transparentborder-bottom: 42px solid $background;border-right: 42px solid transparentdisplay: flexjustify-content: centerdivposition: relativetop: vh(12)left: vw(5)

 平行四边形

                .tab_itemcursor: pointer;width: 137px;height: 100%;background-color: $background;position: relative;transform: skew(46deg);display: flexjustify-content: centeralign-items: centerleft: vw(-15)margin-right: vw(5)divtransform: skew(-46deg);