From 349c48e168b9f2580334422228acde7d1b21bede Mon Sep 17 00:00:00 2001
From: 李凌 <344137771@qq.com>
Date: Fri, 05 Jun 2026 11:19:15 +0800
Subject: [PATCH] 1
---
src/components/fx-footer/index.vue | 50 ++++++++++++++++++++++++++++++++++++++------------
1 files changed, 38 insertions(+), 12 deletions(-)
diff --git a/src/components/fx-footer/index.vue b/src/components/fx-footer/index.vue
index 46c5084..476ef9b 100644
--- a/src/components/fx-footer/index.vue
+++ b/src/components/fx-footer/index.vue
@@ -21,8 +21,8 @@
</template>
</van-tabbar-item>
- <van-tabbar-item name="STO" to="/ICO/ico">
- <span :class="[active === 'STO' ? 'active' : '']">STO</span>
+ <van-tabbar-item name="fund" to="/cryptos/machine">
+ <span :class="[active === 'fund' ? 'active' : '']">{{ $t('矿池') }}</span>
<template #icon="props">
<img :src="props.active ? icon.sto.active : icon.sto.inactive" />
</template>
@@ -35,12 +35,12 @@
</template>
</van-tabbar-item>
- <!-- <van-tabbar-item name="trade" to="/trade">
+ <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" />
</template>
- </van-tabbar-item> -->
+ </van-tabbar-item>
<!-- <van-tabbar-item name="funds" to="/cryptos/funds">
<span>{{ $t('资金') }}</span>
@@ -114,8 +114,8 @@
active.value = 'assets'
} else if (route.path == "/documentation/index") {
active.value = 'documentation'
-} else if (route.path == "/ICO/ico") {
- active.value = 'sto'
+} else if (isFundTabPath(route.path)) {
+ active.value = 'fund'
}
let quotesStore = useQuotesStore()
@@ -136,10 +136,26 @@
active.value = 'assets'
} else if (route.path == "/documentation/index") {
active.value = 'documentation'
- } else if (route.path == "/ICO/ico") {
- active.value = 'sto'
+ } else if (isFundTabPath(route.path)) {
+ active.value = 'fund'
}
})
+
+const fundTabPrefixes = [
+ '/cryptos/machine',
+ '/cryptos/fm-home',
+ '/cryptos/loan',
+ '/cryptos/pool-lock',
+ '/cryptos/machine-buy',
+ '/cryptos/machine-rule',
+ '/cryptos/machine-confirm',
+ '/cryptos/order-success',
+ '/cryptos/loanHistory',
+ '/cryptos/loanRule',
+]
+function isFundTabPath(path) {
+ return fundTabPrefixes.some((p) => path === p || path.startsWith(p + '/'))
+}
// 底部列表
const icon = {
// optional: {
@@ -193,24 +209,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 {
@@ -218,7 +242,9 @@
// }
.active {
- color: #292929 !important;
+ @include themify() {
+ color: themed("text_color3") !important;
+ }
}
.footer {
--
Gitblit v1.9.3