| | |
| | | <div class="deep-data"> |
| | | <div class="flex justify-between text-grey font-24"> |
| | | <div> |
| | | <div>{{ $t('价格') }}</div> |
| | | <div class="mt-5">(USDT)</div> |
| | | <div>{{ $t('价格') }}(USDT)</div> |
| | | <!-- <div class="mt-5"></div> --> |
| | | </div> |
| | | <div class="text-right items-end justify-end"> |
| | | <div class="">{{ $t('数量') }}</div> |
| | | <div class="mt-5">({{ symbol_name.toUpperCase() || '--' }})</div> |
| | | <div class="">{{ $t('数量') }}({{ symbol_name.toUpperCase() || '--' }})</div> |
| | | <!-- <div class="mt-5"></div> --> |
| | | </div> |
| | | </div> |
| | | |
| | | <div v-if="showType == 0 || showType == 2" class="flex justify-between pt-6 font-26" |
| | | <div v-if="showType == 0 || showType == 2" class="flex justify-between pt-1 font-24" style="font-family:DINAlternate-Bold;" |
| | | v-for="(item, index) in redData" :key="item + index" @click="onPrice(item.price)" :style="{ |
| | | 'background': `linear-gradient(to right,${THEME == 'dark' ? '#131A2E' : '#fff'} 0%` + |
| | | (item.amount / greenData[greenData.length - 1].amount) * 100 + '%,rgba(246,70,93,.1) ' + |
| | |
| | | <div class="text-right textColor" v-if="symbol == 'shib'">{{ fixDate(item.amount, $i18n) || '--' }}</div> |
| | | <div class="text-right textColor" v-else>{{ item.amount || '--' }}</div> |
| | | </div> |
| | | <div class="text-red pt-12 font-34 font-700 text-center"> |
| | | <div class="text-red font-34 font-700 text-center"> |
| | | {{ price || '--' }} |
| | | </div> |
| | | <div class="pb-12 font-20 text-center"> |
| | | <!-- <div class="pb-12 font-20 text-center"> |
| | | ≈ {{ ((price * |
| | | currency.rate).toFixed(price.toString().split('.')[1] ? |
| | | price.toString().split('.')[1].length : 2)) || '--' }} |
| | | </div> |
| | | <div v-if="showType == 0 || showType == 1" class="flex justify-between pt-6 font-26" |
| | | </div> --> |
| | | <div v-if="showType == 0 || showType == 1" class="flex justify-between pt-1 font-24" |
| | | v-for="(item, index) in greenData" :key="index" @click="onPrice(item.price)" :style="{ |
| | | 'background': `linear-gradient(to right,${THEME == 'dark' ? '#131A2E' : '#fff'} 0%` + |
| | | (item.amount / greenData[greenData.length - 1].amount) * 100 + '%,rgba(94,186,137,.1) ' + |