| | |
| | | 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_data && item.symbol_data.toUpperCase() || |
| | | '--' |
| | | }}</span> |
| | | <span class="textColor font-600 font-30">{{ arrGk(item.name.toUpperCase())[0] }}</span> |
| | | <span class="font-24 text-grey" style="position: relative; top: 1px"> |
| | | /USDT |
| | | </span> |
| | |
| | | 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_data && item.symbol_data.toUpperCase() || |
| | | '--' |
| | | }}</span> |
| | | <span class="textColor font-600 font-30">{{ arrGk(item.name.toUpperCase())[0] }}</span> |
| | | <!-- <span class="font-24 text-grey" style="position: relative; top: 1px"> |
| | | {{ item.name && item.name.replace(item.symbol.toUpperCase(), '') || '--' }}</span> --> |
| | | <span class="font-24 text-grey" style="position: relative; top: 1px"> |
| | |
| | | return a - b; |
| | | } |
| | | } |
| | | }, |
| | | // 处理分隔符 |
| | | arrGk(str) { |
| | | if (!str) return ['--']; |
| | | let arr = str.split('/'); |
| | | return arr; |
| | | } |
| | | }, |
| | | watch: { |
| | |
| | | transition: all 250ms; |
| | | } |
| | | |
| | | .textColor{ |
| | | .textColor { |
| | | color: $text_color4; |
| | | } |
| | | |