| | |
| | | <div style="box-sizing: border-box" |
| | | class="w-full rounded mt-22 px-20 flex items-center box-border py-20 inputBackground"> |
| | | <div class="flex border-r-gray border-white items-center" @click="onShowActionSheet"> |
| | | <img :src="`${HOST_URL}/symbol/${type == 1 ? coin.toLowerCase() : coin1.toLowerCase()}.png`" alt="logo" |
| | | <img :src="`${HOST_URL}/wap/symbol/${type == 1 ? coin.toLowerCase() : coin1.toLowerCase()}.png`" alt="logo" |
| | | class="w-48 h-48 rounded-full mr-23" /> |
| | | <span class="font-30 mr-50 w-62 textColor">{{ type == 1 ? coin : coin1 }}</span> |
| | | <img src="./icon-arrow.png" alt="logo" class="w-22 h-14" /> |
| | |
| | | <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> |