qingyiay
2023-07-02 38de059c83720527d3813448153390da3e6453dc
components/tab-bar/tab-bar.vue
@@ -1,9 +1,20 @@
<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>
@@ -36,11 +47,13 @@
   }
};
</script>
<style lang="scss" scoped>
<style lang="scss"
   scoped>
::v-deep.tab-bar {
   .u-tabbar {
      &__content {
         background: #ececec !important;
         &__item-wrapper {
            height: vww(50);
         }