| | |
| | | <template> |
| | | <view class="tab-bar"> |
| | | <u-tabbar :value="current ? current : 0" @change="tabbarchange" :fixed="true" :placeholder="false" :safeAreaInsetBottom="true" :border="true"> |
| | | <u-tabbar-item v-for="(item, index) in tabBarList" :key="index" :text="item.text"> |
| | | <image class="u-page__item__slot-icon" slot="active-icon" :src="item.selectedIconPath"></image> |
| | | <image class="u-page__item__slot-icon" slot="inactive-icon" :src="item.iconPath"></image> |
| | | <u-tabbar :value="current ? current : 0" |
| | | @change="tabbarchange" |
| | | :fixed="true" |
| | | :placeholder="false" |
| | | :safeAreaInsetBottom="true" |
| | | :border="true"> |
| | | <u-tabbar-item v-for="(item, index) in tabBarList" |
| | | :key="index" |
| | | :text="item.text"> |
| | | <image class="u-page__item__slot-icon" |
| | | slot="active-icon" |
| | | :src="item.selectedIconPath"></image> |
| | | <image class="u-page__item__slot-icon" |
| | | slot="inactive-icon" |
| | | :src="item.iconPath"></image> |
| | | </u-tabbar-item> |
| | | </u-tabbar> |
| | | </view> |
| | |
| | | } |
| | | }; |
| | | </script> |
| | | <style lang="scss" scoped> |
| | | <style lang="scss" |
| | | scoped> |
| | | ::v-deep.tab-bar { |
| | | .u-tabbar { |
| | | &__content { |
| | | background: #ececec !important; |
| | | |
| | | &__item-wrapper { |
| | | height: vww(50); |
| | | } |