1
jhzh
2026-05-22 ef52095f5e9f0a9fe2da779bb1573947d77d75b6
src/components/fx-footer/index.vue
@@ -21,26 +21,27 @@
        </template>
      </van-tabbar-item>
      <van-tabbar-item name="STO" to="/ICO/ico">
      <!-- <van-tabbar-item name="STO" to="/ICO/ico">
        <span :class="[active === 'STO' ? 'active' : '']">STO</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>
          <img :src="active === 'btcusdt' ? 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.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>
@@ -70,19 +71,19 @@
        </template>
      </van-tabbar-item> -->
      <!-- <van-tabbar-item name="mine" to="/my">
      <van-tabbar-item name="mine" to="/my">
        <span :class="[active === 'mine' ? 'active' : '']">{{ $t('my') }}</span>
        <template #icon="props">
          <img :src="props.active ? icon.mine.active : icon.mine.inactive" />
        </template>
      </van-tabbar-item> -->
      <van-tabbar-item name="assets" to="/my/assets">
        <span :class="[active === 'assets' ? 'active' : '']">{{ $t('资产') }}</span>
        <template #icon="props">
          <img :src="props.active ? icon.assets.active : icon.assets.inactive" />
        </template>
      </van-tabbar-item>
      <!-- <van-tabbar-item name="assets" to="/my/assets">
        <span :class="[active === 'assets' ? 'active' : '']">{{ $t('资产') }}</span>
        <template #icon="props">
          <img :src="props.active ? icon.assets.active : icon.assets.inactive" />
        </template>
      </van-tabbar-item> -->
    </van-tabbar>
  </div>
</template>
@@ -115,7 +116,9 @@
} else if (route.path == "/documentation/index") {
  active.value = 'documentation'
} else if (route.path == "/ICO/ico") {
  active.value = 'sto'
  active.value = 'STO'
} else if (route.path.indexOf('/cryptos/trade') !== -1) {
  active.value = 'btcusdt'
}
let quotesStore = useQuotesStore()
@@ -137,7 +140,9 @@
  } else if (route.path == "/documentation/index") {
    active.value = 'documentation'
  } else if (route.path == "/ICO/ico") {
    active.value = 'sto'
    active.value = 'STO'
  } else if (route.path.indexOf('/cryptos/trade') !== -1) {
    active.value = 'btcusdt'
  }
})
// 底部列表