From 68a34d95db63a264e7a577051d586ea496c63ca0 Mon Sep 17 00:00:00 2001
From: dcc <dcc@163.com>
Date: Sat, 29 Jun 2024 18:31:56 +0800
Subject: [PATCH] 123
---
src/components/footer/index.vue | 58 +++++++++++++++++++++++++++++++++++++++++++++-------------
1 files changed, 45 insertions(+), 13 deletions(-)
diff --git a/src/components/footer/index.vue b/src/components/footer/index.vue
index b3f60fc..f6d1561 100644
--- a/src/components/footer/index.vue
+++ b/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;
--
Gitblit v1.9.3