1

李凌

2026-01-21 e01cee0f0c5c5c2eb2d8595eadb3c7a9df2a37fc

 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="trade" to="/trade">

      <van-tabbar-item name="ICO" to="/ICO/ico">
        <span :class="[active === 'ICO' ? 'active' : '']">ICO</span>
        <template #icon="props">
          <img :src="props.active ? icon.ICO.active : icon.ICO.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> -->

      <!-- <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 (route.path == "/ICO/ico") {
  active.value = 'ICO'
}
let quotesStore = useQuotesStore()

@@ -118,6 +136,8 @@
    active.value = 'assets'
  } else if (route.path == "/documentation/index") {
    active.value = 'documentation'
  } else if (route.path == "/ICO/ico") {
    active.value = 'ICO'
  }
})
// 底部列表
@@ -138,9 +158,17 @@
  //   active: new URL('@/assets/imgs/footer/news-active.png', import.meta.url),
  //   inactive: new URL('@/assets/imgs/footer/news.png', import.meta.url),
  // },
  ICO: {
    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 +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 {
@@ -190,7 +226,9 @@
// }

.active {
  color: #292929 !important;
  @include themify() {
    color: themed("text_color3") !important;
  }
}

.footer {