1
jhzh
2026-05-22 ef52095f5e9f0a9fe2da779bb1573947d77d75b6
src/components/Transform/cryptos-trade-deep-data/index.vue
@@ -2,16 +2,16 @@
  <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) ' +
@@ -21,15 +21,15 @@
      <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) ' +