| | |
| | | <div class="tab-item flex-1 textColor" :class="[activeIndex == 0 ? 'active' : '']" @click="checkActive(0)"> |
| | | <div class="mt-30">{{ $t('从') }}</div> |
| | | <div class="flex items-center justify-center mt-20"> |
| | | <img :src="`${HOST_URL}/symbol/${coin.toLowerCase()}.png`" alt="logo" |
| | | <img :src="`${HOST_URL}/wap/symbol/${coin.toLowerCase()}.png`" alt="logo" |
| | | class="w-48 h-48 rounded-full mr-23" /> |
| | | |
| | | {{ coin }} |
| | |
| | | <div class="tab-item flex-1 textColor" :class="[activeIndex == 1 ? 'active' : '']" @click="checkActive(1)"> |
| | | <div class="mt-30">{{ $t('至') }}</div> |
| | | <div class="flex items-center justify-center mt-20"> |
| | | <img :src="`${HOST_URL}/symbol/${coin1.toLowerCase()}.png`" alt="logo" |
| | | <img :src="`${HOST_URL}/wap/symbol/${coin1.toLowerCase()}.png`" alt="logo" |
| | | class="w-48 h-48 rounded-full mr-23" /> |
| | | {{ coin1 }} |
| | | </div> |
| | |
| | | <div class="list-item flex mb-30" v-for="(item, index) in currencyList" :key="index" @click="onSelect(item)"> |
| | | <div class="flex-1 flex items-center"> |
| | | <div> |
| | | <img :src="`${HOST_URL}/symbol/${item.symbol}.png`" alt="logo" class="w-70 h-70 rounded-full mr-23" /> |
| | | <img :src="`${HOST_URL}/wap/symbol/${item.symbol}.png`" alt="logo" class="w-70 h-70 rounded-full mr-23" /> |
| | | </div> |
| | | <div> |
| | | <div class="item-title textColor">{{ item.name }}</div> |