From e01cee0f0c5c5c2eb2d8595eadb3c7a9df2a37fc Mon Sep 17 00:00:00 2001
From: 李凌 <344137771@qq.com>
Date: Wed, 21 Jan 2026 16:37:01 +0800
Subject: [PATCH] 1
---
src/components/fx-footer/index.vue | 30 ++++++++++++++++++++----------
1 files changed, 20 insertions(+), 10 deletions(-)
diff --git a/src/components/fx-footer/index.vue b/src/components/fx-footer/index.vue
index 46c5084..18a072c 100644
--- a/src/components/fx-footer/index.vue
+++ b/src/components/fx-footer/index.vue
@@ -21,10 +21,10 @@
</template>
</van-tabbar-item>
- <van-tabbar-item name="STO" to="/ICO/ico">
- <span :class="[active === 'STO' ? 'active' : '']">STO</span>
+ <van-tabbar-item name="ICO" to="/ICO/ico">
+ <span :class="[active === 'ICO' ? 'active' : '']">ICO</span>
<template #icon="props">
- <img :src="props.active ? icon.sto.active : icon.sto.inactive" />
+ <img :src="props.active ? icon.ICO.active : icon.ICO.inactive" />
</template>
</van-tabbar-item>
@@ -115,7 +115,7 @@
} else if (route.path == "/documentation/index") {
active.value = 'documentation'
} else if (route.path == "/ICO/ico") {
- active.value = 'sto'
+ active.value = 'ICO'
}
let quotesStore = useQuotesStore()
@@ -137,7 +137,7 @@
} else if (route.path == "/documentation/index") {
active.value = 'documentation'
} else if (route.path == "/ICO/ico") {
- active.value = 'sto'
+ active.value = 'ICO'
}
})
// 底部列表
@@ -158,7 +158,7 @@
// active: new URL('@/assets/imgs/footer/news-active.png', import.meta.url),
// inactive: new URL('@/assets/imgs/footer/news.png', import.meta.url),
// },
- sto: {
+ ICO: {
active: new URL('@/assets/imgs/footer/sto-active.png', import.meta.url),
inactive: new URL('@/assets/imgs/footer/sto.png', import.meta.url),
},
@@ -193,24 +193,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 +226,9 @@
// }
.active {
- color: #292929 !important;
+ @include themify() {
+ color: themed("text_color3") !important;
+ }
}
.footer {
--
Gitblit v1.9.3