| | |
| | | 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> |
| | |
| | | <p class="font-24 text-grey">{{ currency.currency_symbol }} |
| | | {{ item.close && item.symbol_data.toUpperCase() == 'SHIB' ? (item.close * currency.rate).toFixed(8) : |
| | | (item.close * |
| | | currency.rate).toFixed(2) || '--' }}</p> |
| | | currency.rate).toFixed(6)/1 || '--' }}</p> |
| | | </li> |
| | | <li class="right flex items-center justify-end"> |
| | | <p class="w-153 font-31 h-71 bg-green text-white border-0 text-center btn" v-if="item.change_ratio > 0"> |
| | |
| | | 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"> |
| | |
| | | <p class="textColor font-32 font-600">{{ item.close }}</p> |
| | | <p class="font-24 text-grey">{{ currency.currency_symbol }} {{ item.close && |
| | | item.symbol_data.toUpperCase() == 'SHIB' ? (item.close * currency.rate).toFixed(8) : (item.close * |
| | | currency.rate).toFixed(2) || '--' }}</p> |
| | | currency.rate).toFixed(6) / 1 || '--' }}</p> |
| | | </li> |
| | | <li class="right flex items-center justify-end text-right"> |
| | | <div v-if="active == 3" class="textColor w-182 font-700 font-24"> |
| | |
| | | return a - b; |
| | | } |
| | | } |
| | | }, |
| | | // 处理分隔符 |
| | | arrGk(str) { |
| | | if (!str) return ['--']; |
| | | let arr = str.split('/'); |
| | | return arr; |
| | | } |
| | | }, |
| | | watch: { |
| | |
| | | transition: all 250ms; |
| | | } |
| | | |
| | | .textColor{ |
| | | .textColor { |
| | | color: $text_color4; |
| | | } |
| | | |