From fe190bf94a5a89d4cd8a85cebcec5b2fef3dc131 Mon Sep 17 00:00:00 2001
From: lxf <1371462558@qq.com>
Date: Sat, 05 Jul 2025 10:04:13 +0800
Subject: [PATCH] style
---
src/components/fx-footer/index.vue | 37 +++++++++++++++++++++++++------------
1 files changed, 25 insertions(+), 12 deletions(-)
diff --git a/src/components/fx-footer/index.vue b/src/components/fx-footer/index.vue
index 7ee7c3b..54cca41 100644
--- a/src/components/fx-footer/index.vue
+++ b/src/components/fx-footer/index.vue
@@ -1,10 +1,11 @@
<template>
<div class="relative z-30 footer">
+ <!-- 底部 bar -->
<van-tabbar route v-model="active" active-color="#1194F7" @change="changeIndex" fixed safe-area-inset-bottom>
- <van-tabbar-item name="optional" to="/optional">
- <span :class="[active === 'optional' ? 'active' : '']">{{ $t('Optional') }}</span>
+ <van-tabbar-item name="news" to="/news">
+ <span :class="[active === 'news' ? 'active' : '']">{{ $t('首页') }}</span>
<template #icon="props">
- <img :src="props.active ? icon.optional.active : icon.optional.inactive" />
+ <img :src="props.active ? icon.news.active : icon.news.inactive" />
</template>
</van-tabbar-item>
<van-tabbar-item name="quotes" to="/quotes">
@@ -13,10 +14,11 @@
<img :src="props.active ? icon.quotes.active : icon.quotes.inactive" />
</template>
</van-tabbar-item>
- <van-tabbar-item name="trade" to="/trade">
+ <!-- /foreign -->
+ <van-tabbar-item name="trade" :to="'/foreign/deliveryContract/'+jgSymbol">
<span :class="[active === 'trade' ? 'active' : '']">{{ $t('trade') }}</span>
<template #icon="props">
- <img :src="props.active ? icon.trade.active : icon.trade.inactive" />
+ <img :src="active === 'trade' ? icon.trade.active : icon.trade.inactive" />
</template>
</van-tabbar-item>
<!-- <van-tabbar-item name="funds" to="/cryptos/funds">
@@ -25,12 +27,13 @@
<img :src="props.active ? icon.funds.active : icon.funds.inactive" />
</template>
</van-tabbar-item> -->
- <van-tabbar-item name="news" to="/news">
- <span :class="[active === 'news' ? 'active' : '']">{{ $t('news') }}</span>
+ <van-tabbar-item name="optional" to="/optional">
+ <span :class="[active === 'optional' ? 'active' : '']">{{ $t('资产') }}</span>
<template #icon="props">
- <img :src="props.active ? icon.news.active : icon.news.inactive" />
+ <img :src="props.active ? icon.optional.active : icon.optional.inactive" />
</template>
</van-tabbar-item>
+
<!-- <van-tabbar-item name="trade" to="/exchange">
<span>{{ $t('trade') }}</span>
<template #icon="props">
@@ -53,9 +56,12 @@
import { useI18n } from "vue-i18n";
import { useRoute } from 'vue-router';
import { watch } from "vue";
+import { getLocalStorageValue } from '@/utils/utis.js'
const { t } = useI18n()
const active = ref('home')
const route = useRoute()
+const jgSymbol = getLocalStorageValue('jgSymbol')
+
if (route.path == "/trade/index") {
active.value = 'trade'
} else if (route.path.indexOf('/quotes') != -1) {
@@ -64,14 +70,18 @@
active.value = 'news'
} else if (route.path == "/my/index") {
active.value = 'mine'
-} else if (route.path == "/optional/index") {
+} else if (route.path == "/foreign/index") {
active.value = 'optional'
+}else if (route.path.startsWith("/foreign/deliveryContract/")) {
+ console.log('出现了')
+ active.value = 'trade'
}else if (route.path == "/cryptos/funds") {
active.value = 'funds'
}
let quotesStore = useQuotesStore()
watch(() => route.path, (nv) => {
+ console.log('path', route.path)
if (route.path == "/trade/index") {
active.value = 'trade'
} else if (route.path.indexOf('/quotes') != -1) {
@@ -82,6 +92,9 @@
active.value = 'mine'
} else if (route.path == "/optional/index") {
active.value = 'optional'
+ }else if (route.path.startsWith("/foreign/deliveryContract/")) {
+ console.log('出现了')
+ active.value = 'trade'
}
})
// 底部列表
@@ -122,15 +135,15 @@
}
:deep(.van-tabbar-item--active) {
- background-color: #12192F;
- color: $color_main !important;
+ // background-color: #12192F;
+ // color: $color_main !important;
}
.van-tabbar--fixed {
z-index: 10;
padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);
- background-color: #12192F;
+ background-color: #fff;
}
.van-tabbar--fixed::after {
--
Gitblit v1.9.3