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,20 +67,34 @@
          />
        </template>
      </van-tabbar-item>
      <van-tabbar-item
      <!-- <van-tabbar-item
        name="profile"
        :to="{
          name: 'profile',
        }"
      >
        <span>{{ $t("Profile") }}</span>
        <span>{{ $t("我的") }}</span>
        <template #icon="props">
          <img
            :src="props.active ? profile.active : profile.inactive"
            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,12 +125,21 @@
      contract: {},
      funds: {},
      profile: {},
     userCenter:{}
    };
  },
  created() {
    this.$nextTick(() => {
      // 禁用右键
      document.oncontextmenu = new Function("event.returnValue=false");
      // 禁用选择
      document.onselectstart = new Function("event.returnValue=false");
    });
  },
  mounted() {
    this.home = {
      active: require(`@/assets/3x/资源 10@3x.png`),
      inactive: require(`@/assets/3x/names1.png`),
      inactive: require(`@/assets/3x/资源 10@3x.png`),
      active: require(`@/assets/3x/names1.png`),
    };
    this.qoutes = {
      active: require(`@/assets/3x/asda.png`),
@@ -134,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>
@@ -159,6 +186,7 @@
.van-tabbar-item__icon img {
  height: 56px;
  width: 56px;
  pointer-events: none;
}

::v-deep .van-tabbar-item__icon {
@@ -190,6 +218,11 @@
// }

.tabbar-footer {
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE10+/Edge */
  user-select: none; /* Standard syntax */

  position: relative;
  .bgc {
    position: absolute;
@@ -205,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;