123

dcc

2024-06-28 25b2ba1cf86bc3439e7ad2acf2cd4a9ea7e4b0ed

 src/components/footer/index.vue

@@ -43,7 +43,7 @@
          />
        </template>
      </van-tabbar-item>
      <van-tabbar-item
      <!-- <van-tabbar-item
        name="perpetualContract/btc"
        :to="{
          name: 'perpetualContract',
@@ -57,7 +57,7 @@
            alt="perpetualContract"
          />
        </template>
      </van-tabbar-item>
      </van-tabbar-item> -->
      <van-tabbar-item name="funds" to="/funds">
        <span>{{ $t("资金") }}</span>
        <template #icon="props">
@@ -67,7 +67,7 @@
          />
        </template>
      </van-tabbar-item>
      <van-tabbar-item
      <!-- <van-tabbar-item
        name="profile"
        :to="{
          name: 'profile',
@@ -80,7 +80,21 @@
            alt="perpetualContract"
          />
        </template>
      </van-tabbar-item>
      </van-tabbar-item> -->
     <van-tabbar-item
       name="userCenter"
       :to="{
         name: 'userCenter',
       }"
     >
       <span>{{ $t("我的") }}</span>
       <template #icon="props">
         <img
           :src="props.active ? userCenter.active : userCenter.inactive"
           alt="userCenter"
         />
       </template>
     </van-tabbar-item>
    </van-tabbar>
  </div>
</template>
@@ -111,6 +125,7 @@
      contract: {},
      funds: {},
      profile: {},
     userCenter:{}
    };
  },
  created() {
@@ -142,10 +157,14 @@
      active: require(`@/assets/3x/sses4.png`),
      inactive: require(`@/assets/3x/资源 11@3x.png`),
    };
    this.profile = {
      active: require(`@/assets/3x/sses5.png`),
      inactive: require(`@/assets/3x/资源 15@3x.png`),
    };
   this.userCenter = {
     active: require(`@/assets/3x/sses5.png`),
     inactive: require(`@/assets/3x/资源 15@3x.png`),
   };
    // this.profile = {
    //   active: require(`@/assets/3x/sses5.png`),
    //   inactive: require(`@/assets/3x/资源 15@3x.png`),
    // };
  },
};
</script>
@@ -219,10 +238,9 @@
::v-deep .van-tabbar-item__text {
  position: relative;
  z-index: 99;
  // color: #d2d2dc;
}
::v-deep .van-tabbar-item {
  color: #d2d2dc !important;
  // color: #d2d2dc !important;
}
::v-deep .van-tabbar-item--active {
  color: #9691fa !important;