| | |
| | | </view> |
| | | |
| | | <!-- 标签栏 --> |
| | | <view class="tabs"> |
| | | <view v-for="(tab, index) in tabs" :key="index" class="tab" :class="{active: currentTab === index}" |
| | | @tap="switchTab(index,tab.id)"> |
| | | {{ tab.fcheckItem }} |
| | | <scroll-view class="tabs" scroll-x="true" :show-scrollbar="false"> |
| | | <view class="tabs-container"> |
| | | <view v-for="(tab, index) in tabs" :key="index" class="tab" :class="{active: currentTab === index}" |
| | | @tap="switchTab(index,tab.id)"> |
| | | {{ tab.fcheckItem }} |
| | | </view> |
| | | </view> |
| | | </view> |
| | | </scroll-view> |
| | | <view class="tab-content"> |
| | | <!-- 基本信息 --> |
| | | <view class="section"> |
| | |
| | | } |
| | | |
| | | .tabs { |
| | | display: flex; |
| | | background-color: $bg-color; |
| | | border-bottom: 1px solid $border-color; |
| | | width: 100%; |
| | | white-space: nowrap; |
| | | |
| | | .tabs-container { |
| | | display: flex; |
| | | min-width: 100%; |
| | | } |
| | | |
| | | .tab { |
| | | flex: 1; |
| | | flex: none; |
| | | min-width: 120px; |
| | | text-align: center; |
| | | padding: 12px 0; |
| | | padding: 12px 16px; |
| | | border-right: 1px solid $border-color; |
| | | color: #666; |
| | | transition: all 0.3s; |
| | | white-space: nowrap; |
| | | |
| | | &:last-child { |
| | | border-right: none; |