| | |
| | | <ul class="flex justify-between w-full items-center" @click="onItemClick(item)"> |
| | | <li class="flex items-center left"> |
| | | <img |
| | | :src="item.symbol ? `${HOST_URL}/symbol/${item.symbol}.png` : require('@/assets/loading-default.png')" |
| | | :src="item.symbol ? `${HOST_URL}/wap/symbol/${item.symbol}.png` : require('@/assets/loading-default.png')" |
| | | alt="logo" class="w-72 h-72 rounded-full mr-16" /> |
| | | <p class="flex flex-col"> |
| | | <span class="flex items-end font-32 flex items-center"> |
| | |
| | | <van-cell v-for="item in showList" :key="item.id"> |
| | | <ul class="flex justify-between w-full items-center" @click="onItemClick(item)"> |
| | | <li class="flex items-center left"> |
| | | <img :src="`${HOST_URL}/symbol/${item.symbol}.png`" alt="logo" class="w-72 h-72 rounded-full mr-16" /> |
| | | <img :src="`${HOST_URL}/wap/symbol/${item.symbol}.png`" alt="logo" class="w-72 h-72 rounded-full mr-16" /> |
| | | <p class="flex flex-col"> |
| | | <span class="flex items-end font-32 flex items-center"> |
| | | <span class="textColor font-600 font-30">{{ item.symbol && item.symbol.toUpperCase() || '--' }}</span> |
| | | <span class="font-24 text-grey" style="position: relative; top: 1px"> |
| | | <!-- <span class="textColor font-600 font-30" v-if="item.symbol!='myro'">{{ item.name && item.name.toUpperCase() || '--' }}</span> --> |
| | | <span class="textColor font-600 font-30" >{{ item.name && item.name.toUpperCase() || '--' }}</span> |
| | | <!-- <span class="textColor font-600 font-30" v-else>CRO</span> |
| | | <span class="font-24 text-grey" style="position: relative; top: 1px" v-if="item.symbol!='myro'"> |
| | | {{ item.name && item.name.replace(item.symbol.toUpperCase(), '') || '--' }}</span> |
| | | <span v-else class="font-24 text-grey" style="position: relative; top: 1px" > |
| | | /USDT</span> --> |
| | | </span> |
| | | <span class="font-24 text-grey mt-10">{{ $t('成交量') + ' ' + (item.amount * 1).toFixed(2) }}</span> |
| | | </p> |
| | |
| | | this.$emit('listSort', val) |
| | | }, |
| | | onItemClick(item) { |
| | | if (this.tabActive == 2) { //现货 |
| | | setStorage("symbolname", item.name); |
| | | if (this.tabActive == 2) { |
| | | setStorage("tradeSymbol", item.symbol); |
| | | //现货 |
| | | this.$router.push({ |
| | | path: `/trade/${item.symbol}` |
| | | path: `/trade/${item.symbol}`, |
| | | query: { name: item.name } |
| | | }); |
| | | } else { |
| | | setStorage('symbol', item.symbol) |
| | | // setStorage("symbol", item.symbol); |
| | | // this.$router.push({ |
| | | // path: `/perpetualContract/${item.symbol}`, |
| | | // }); |
| | | setStorage("tradeSymbol", item.symbol); |
| | | this.$router.push({ |
| | | path: `/perpetualContract/${item.symbol}` |
| | | path: `/trade/${item.symbol}`, |
| | | query: { name: item.name } |
| | | }); |
| | | } |
| | | }, |