10.10综合交易所原始源码_移动端
1
admin
2026-01-27 f66eee1d038afc05f1a727db256ba5c6818f6fb4
src/components/fx-footer/index.vue
@@ -1,14 +1,14 @@
<template>
  <div class="relative z-30 footer">
    <van-tabbar route v-model="active" active-color="#1194F7" @change="changeIndex" fixed safe-area-inset-bottom>
      <van-tabbar-item name="optional" to="/optional">
    <van-tabbar route v-model="active" active-color="#92D1FF" @change="changeIndex" fixed safe-area-inset-bottom>
      <!-- <van-tabbar-item name="optional" to="/optional">
        <span :class="[active === 'optional' ? 'active' : '']">{{ $t("Optional") }}</span>
        <template #icon="props">
          <img :src="active == 'optional' ? icon.optional.active : icon.optional.inactive" alt="optional" />
        </template>
      </van-tabbar-item>
      <van-tabbar-item name="quotes" to="/quotes/index?tabActive=0">
        <span :class="[active === 'quotes' ? 'active' : '']">{{ $t("quotes") }}</span>
      </van-tabbar-item> -->
      <van-tabbar-item name="quotes" to="/quotes/index?tabActive=1">
        <span :class="[active === 'quotes' ? 'active' : '']">{{ $t("首页") }}</span>
        <template #icon>
          <img :src="active == 'quotes' ? icon.quotes.active : icon.quotes.inactive" alt="quotes" />
        </template>
@@ -25,12 +25,12 @@
      <!-- <img :src="props.active ? icon.funds.active : icon.funds.inactive" alt="funds" /> -->
      <!-- </template> -->
      <!-- </van-tabbar-item> -->
      <van-tabbar-item name="news" to="/news">
      <!-- <van-tabbar-item name="news" to="/news">
        <span :class="[active === 'news' ? 'active' : '']">{{ $t("news") }}</span>
        <template #icon>
          <img :src="active == 'news' ? icon.news.active : icon.news.inactive" alt="news" />
        </template>
      </van-tabbar-item>
      </van-tabbar-item> -->
      <!-- <van-tabbar-item name="trade" to="/exchange">
        <span>{{ $t('trade') }}</span>
        <template #icon="props">
@@ -175,7 +175,9 @@
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
  background-color: $footer_bg;
  box-shadow: 5px 5px 5px 5px $footer-border;
  box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.08);
  border-top: 1px solid rgba(118, 128, 143, 0.1);
  backdrop-filter: blur(10px);
}
.van-hairline--top-bottom::after {