| | |
| | | <view |
| | | ref="container" |
| | | class="nut-tabs" |
| | | :class="[direction, { fullHeight, noContent: !showPaneContent, flexTitle }]" |
| | | :class="[ |
| | | direction, |
| | | { fullHeight, noContent: !showPaneContent, flexTitle, noSmile: !showSmile }, |
| | | ]" |
| | | > |
| | | <div :class="['pro-tabs__titles_wrapper', { isTransparent }]"> |
| | | <scroll-view |
| | |
| | | } |
| | | } |
| | | } |
| | | |
| | | .nut-tabs.noSmile { |
| | | .nut-tabs__titles.tabs-scrollview { |
| | | height: 86rpx; |
| | | |
| | | .nut-tabs__list { |
| | | height: 86rpx; |
| | | } |
| | | |
| | | .nut-tabs__titles-item__smile { |
| | | display: none !important; |
| | | } |
| | | |
| | | .nut-tabs__titles-item { |
| | | .nut-tabs__titles-item__text { |
| | | padding-top: 8rpx; |
| | | } |
| | | |
| | | &.active { |
| | | .nut-tabs__titles-item__text { |
| | | padding-top: 0; |
| | | font-size: 32rpx; |
| | | transition: all 0.3s ease; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | } |
| | | </style> |