123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960 |
- .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))
- }
|