| | |
| | | class="flex items-center w-full textNew1 font-26" |
| | | style="margin: 6px 0 15px" |
| | | > |
| | | <div class="left flex items-center" style="margin-left: 36px"> |
| | | <div class="left flex items-center newcolor1" style="margin-left: 36px"> |
| | | <span>{{ $t("交易对") }}</span> |
| | | <div class="filter-box ml-10" v-if="active == 0"> |
| | | <div |
| | |
| | | @click="onItemClick(item)" |
| | | > |
| | | <li class="flex items-center left"> |
| | | <div class="anniu"></div> |
| | | <!-- <div class="anniu"></div> --> |
| | | <img :src=" |
| | | item.symbol |
| | | ? `${HOST_URL}/wap/symbol/${item.symbol}.png` |
| | | : require('@/assets/loading-default.png') |
| | | " class="w-52 h-52 rounded-full mr-16 ml-15" /> |
| | | <p class="flex flex-col" style="margin-left: 5px"> |
| | | <span class="flex items-end font-32 flex items-center" s> |
| | | |
| | | <span class="textColor font-600 font-30"> |
| | | {{ (item.symbol && item.symbol.toUpperCase()) || "--" }} |
| | | |
| | | {{ item.name }} |
| | | <!-- {{ (item.symbol && item.symbol.toUpperCase()) || "--" }} --> |
| | | </span> |
| | | <span class="font-24" style="position: relative; top: 1px"> |
| | | {{ |
| | | (item.name && |
| | | item.name.replace(item.symbol.toUpperCase(), "")) || |
| | | "--" |
| | | }}</span |
| | | > |
| | | <!-- <span class="font-24" style="position: relative; top: 1px"> |
| | | /{{ (item.name && item.name.split("/")[1]) || "--" }} |
| | | </span> --> |
| | | </span> |
| | | |
| | | <span class="font-24 textNew1">{{ |
| | |
| | | @click="onItemClick(item)" |
| | | > |
| | | <li class="flex items-center left"> |
| | | <div class="anniu"></div> |
| | | <!-- <div class="anniu"></div> --> |
| | | <img :src=" |
| | | item.symbol |
| | | ? `${HOST_URL}/wap/symbol/${item.symbol}.png` |
| | | : require('@/assets/loading-default.png') |
| | | " class="w-52 h-52 rounded-full mr-16 ml-15" /> |
| | | <p class="flex flex-col" style="margin-left: 5px"> |
| | | |
| | | <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" style="position: relative; top: 1px"> |
| | | {{ |
| | | (item.name && |
| | | item.name.replace(item.symbol.toUpperCase(), "")) || |
| | | "--" |
| | | }}</span |
| | | > |
| | | |
| | | <span class="textColor font-600 font-30"> |
| | | {{ item.name }} |
| | | <!-- {{ (item.symbol && item.symbol.toUpperCase()) || "--" }} --> |
| | | </span> |
| | | <!-- <span class="font-24" style="position: relative; top: 1px"> |
| | | /{{ (item.name && item.name.split("/")[1]) || "--" }} |
| | | </span> --> |
| | | </span> |
| | | <span class="font-24 textNew1">{{ |
| | | $t("成交量") + " " + (item.amount * 1).toFixed(2) |
| | |
| | | }, |
| | | onItemClick(item) { |
| | | if (this.tabActive == 2) { |
| | | setStorage("tradeSymbol", item.symbol); |
| | | //现货 |
| | | this.$router.push({ |
| | | path: `/trade/${item.symbol}`, |
| | | }); |
| | | } else { |
| | | setStorage("symbol", item.symbol); |
| | | this.$router.push({ |
| | | path: `/perpetualContract/${item.symbol}`, |
| | | }); |
| | | // setStorage("symbol", item.symbol); |
| | | // this.$router.push({ |
| | | // path: `/perpetualContract/${item.symbol}`, |
| | | // }); |
| | | setStorage("tradeSymbol", item.symbol); |
| | | this.$router.push({ |
| | | path: `/trade/${item.symbol}`, |
| | | }); |
| | | } |
| | | }, |
| | | onTabs(val) { |