From 30d1ee7be942d7a2201e1ab2ca7d96badff8bf50 Mon Sep 17 00:00:00 2001
From: 李 <344137771@qq.com>
Date: Sat, 23 May 2026 11:23:00 +0800
Subject: [PATCH] 1
---
src/components/fx-footer/index.vue | 71 ++++++++++++++++++++++++++++-------
1 files changed, 57 insertions(+), 14 deletions(-)
diff --git a/src/components/fx-footer/index.vue b/src/components/fx-footer/index.vue
index 3e501f9..76e7e6f 100644
--- a/src/components/fx-footer/index.vue
+++ b/src/components/fx-footer/index.vue
@@ -20,12 +20,29 @@
<img :src="props.active ? icon.quotes.active : icon.quotes.inactive" />
</template>
</van-tabbar-item>
+
+ <!-- <van-tabbar-item name="STO" to="/ICO/ico">
+ <span :class="[active === 'STO' ? 'active' : '']">STO</span>
+ <template #icon="props">
+ <img :src="props.active ? icon.sto.active : icon.sto.inactive" />
+ </template>
+ </van-tabbar-item> -->
+
+ <van-tabbar-item name="btcusdt" to="/cryptos/trade/btcusdt">
+ <span :class="[active === 'btcusdt' ? 'active' : '']">{{ $t('现货') }}</span>
+ <template #icon>
+ <img :src="active === 'btcusdt' ? icon.btcusdt.active : icon.btcusdt.inactive" />
+ </template>
+ </van-tabbar-item>
<van-tabbar-item name="trade" to="/trade">
<span :class="[active === 'trade' ? 'active' : '']">{{ $t('trade') }}</span>
<template #icon="props">
- <img :src="props.active ? icon.trade.active : icon.trade.inactive" />
+ <img :src="props.active ? icon.sto.active : icon.sto.inactive" />
</template>
</van-tabbar-item>
+
+
+
<!-- <van-tabbar-item name="funds" to="/cryptos/funds">
<span>{{ $t('资金') }}</span>
<template #icon="props">
@@ -39,7 +56,7 @@
<img :src="props.active ? icon.news.active : icon.news.inactive" />
</template>
</van-tabbar-item> -->
-
+
<!-- <van-tabbar-item name="documentation" to="/documentation">
<span :class="[active === 'documentation' ? 'active' : '']">{{ $t('跟单') }}</span>
<template #icon="props">
@@ -54,19 +71,19 @@
</template>
</van-tabbar-item> -->
- <!-- <van-tabbar-item name="mine" to="/my">
+ <van-tabbar-item name="mine" to="/my">
<span :class="[active === 'mine' ? 'active' : '']">{{ $t('my') }}</span>
- <template #icon="props">
- <img :src="props.active ? icon.mine.active : icon.mine.inactive" />
- </template>
- </van-tabbar-item> -->
-
- <van-tabbar-item name="assets" to="/my/assets">
- <span :class="[active === 'assets' ? 'active' : '']">{{ $t('资产') }}</span>
<template #icon="props">
<img :src="props.active ? icon.assets.active : icon.assets.inactive" />
</template>
</van-tabbar-item>
+
+ <!-- <van-tabbar-item name="assets" to="/my/assets">
+ <span :class="[active === 'assets' ? 'active' : '']">{{ $t('资产') }}</span>
+ <template #icon="props">
+ <img :src="props.active ? icon.assets.active : icon.assets.inactive" />
+ </template>
+ </van-tabbar-item> -->
</van-tabbar>
</div>
</template>
@@ -98,6 +115,10 @@
active.value = 'assets'
} else if (route.path == "/documentation/index") {
active.value = 'documentation'
+} else if (route.path == "/ICO/ico") {
+ active.value = 'STO'
+} else if (route.path.indexOf('/cryptos/trade') !== -1) {
+ active.value = 'btcusdt'
}
let quotesStore = useQuotesStore()
@@ -118,6 +139,10 @@
active.value = 'assets'
} else if (route.path == "/documentation/index") {
active.value = 'documentation'
+ } else if (route.path == "/ICO/ico") {
+ active.value = 'STO'
+ } else if (route.path.indexOf('/cryptos/trade') !== -1) {
+ active.value = 'btcusdt'
}
})
// 底部列表
@@ -138,9 +163,17 @@
// active: new URL('@/assets/imgs/footer/news-active.png', import.meta.url),
// inactive: new URL('@/assets/imgs/footer/news.png', import.meta.url),
// },
+ sto: {
+ active: new URL('@/assets/imgs/footer/sto-active.png', import.meta.url),
+ inactive: new URL('@/assets/imgs/footer/sto.png', import.meta.url),
+ },
documentation: {
active: new URL('@/assets/imgs/footer/quotes-active.png', import.meta.url),
inactive: new URL('@/assets/imgs/footer/quotes.png', import.meta.url),
+ },
+ btcusdt: {
+ active: new URL('@/assets/imgs/footer/trade-active.png', import.meta.url),
+ inactive: new URL('@/assets/imgs/footer/trade.png', import.meta.url),
},
trade: {
active: new URL('@/assets/imgs/footer/trade-active.png', import.meta.url),
@@ -165,24 +198,32 @@
</script>
<style lang="scss" scoped>
+@import '@/assets/theme/index.scss';
+
:deep(.van-tabbar-item__text) {
font-size: 12px;
color: #7f7f7f;
}
:deep(.van-tabbar-item--active) {
- background-color: $white;
+ @include themify() {
+ background-color: themed("footer_background");
+ }
}
.van-tabbar--fixed {
z-index: 10;
padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);
- background-color: $white;
+ @include themify() {
+ background-color: themed("footer_background");
+ }
}
.van-tabbar--fixed::after {
- border-color: $white;
+ @include themify() {
+ border-color: themed("footer_background");
+ }
}
// .blue {
@@ -190,7 +231,9 @@
// }
.active {
- color: #292929 !important;
+ @include themify() {
+ color: themed("text_color3") !important;
+ }
}
.footer {
--
Gitblit v1.9.3