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 |   64 +++++++++++++++++++++++++++++--
 1 files changed, 59 insertions(+), 5 deletions(-)

diff --git a/src/components/fx-footer/index.vue b/src/components/fx-footer/index.vue
index 3e501f9..476ef9b 100644
--- a/src/components/fx-footer/index.vue
+++ b/src/components/fx-footer/index.vue
@@ -20,12 +20,28 @@
           <img :src="props.active ? icon.quotes.active : icon.quotes.inactive" />
         </template>
       </van-tabbar-item>
+
+      <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>
+      </van-tabbar-item>
+
+      <van-tabbar-item name="btcusdt" to="/cryptos/trade/btcusdt">
+        <span :class="[active === 'btcusdt' ? 'active' : '']">{{ $t('现货') }}</span>
+        <template #icon="props">
+          <img :src="props.active ? 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" />
         </template>
       </van-tabbar-item>
+
       <!-- <van-tabbar-item name="funds" to="/cryptos/funds">
         <span>{{ $t('资金') }}</span>
         <template #icon="props">
@@ -39,7 +55,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">
@@ -98,6 +114,8 @@
   active.value = 'assets'
 } else if (route.path == "/documentation/index") {
   active.value = 'documentation'
+} else if (isFundTabPath(route.path)) {
+  active.value = 'fund'
 }
 let quotesStore = useQuotesStore()
 
@@ -118,8 +136,26 @@
     active.value = 'assets'
   } else if (route.path == "/documentation/index") {
     active.value = 'documentation'
+  } 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: {
@@ -138,9 +174,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 +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 {
@@ -190,7 +242,9 @@
 // }
 
 .active {
-  color: #292929 !important;
+  @include themify() {
+    color: themed("text_color3") !important;
+  }
 }
 
 .footer {

--
Gitblit v1.9.3