.wux-tabs { position: relative } .wux-tabs--scroll .wux-tabs__scroll-view { display: block; overflow: auto; white-space: nowrap } .wux-tabs--vertical { display: inline-flex } .wux-tabs--vertical .wux-tabs__scroll-view { display: inline-flex; width: auto; height: auto; max-height: 540rpx; flex-direction: column } .wux-tabs__scroll-view { display: flex; width: 100%; height: 88rpx; line-height: 88rpx; box-sizing: border-box; position: relative; justify-content: space-around; align-items: center; background: #fff } .wux-tabs__mask { position: absolute; top: 0; bottom: 0; z-index: 1; width: 40rpx; height: 100%; pointer-events: none } .wux-tabs__mask--prev { left: 0; background: linear-gradient(90deg,#fff,rgba(255,255,255,0)) } .wux-tabs__mask--next { right: 0; background: linear-gradient(270deg,#fff,rgba(255,255,255,0)) } .wux-tabs--vertical .wux-tabs__mask { width: 100%; height: 40rpx; left: 0; right: unset } .wux-tabs--vertical .wux-tabs__mask--prev { bottom: unset; background: linear-gradient(180deg,#fff,rgba(255,255,255,0)) } .wux-tabs--vertical .wux-tabs__mask--next { top: unset; background: linear-gradient(0deg,#fff,rgba(255,255,255,0)) }