| | |
| | | <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="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="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"> |
| | |
| | | <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"> |
| | |
| | | active.value = 'assets' |
| | | } else if (route.path == "/documentation/index") { |
| | | active.value = 'documentation' |
| | | } else if (route.path == "/ICO/ico") { |
| | | active.value = 'sto' |
| | | } |
| | | let quotesStore = useQuotesStore() |
| | | |
| | |
| | | active.value = 'assets' |
| | | } else if (route.path == "/documentation/index") { |
| | | active.value = 'documentation' |
| | | } else if (route.path == "/ICO/ico") { |
| | | active.value = 'sto' |
| | | } |
| | | }) |
| | | // 底部列表 |
| | |
| | | // active: new URL('@/assets/imgs/footer/news-active.png', import.meta.url), |
| | | // inactive: new URL('@/assets/imgs/footer/news.png', import.meta.url), |
| | | // }, |
| | | sto: { |
| | | 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), |
| | | inactive: new URL('@/assets/imgs/footer/trade.png', import.meta.url), |