style

lxf

2025-07-08 2eef7e881d02d05bd0e1237a8456466f0c9afbce

 src/views/cryptos/TrendDetails/index.vue

@@ -4,13 +4,13 @@
      <trade-head :backFunc="() => $router.push('/')" :symbol="symbol" :islevel="true" @update-coin="onUpdate"
        @data="quote = $event" :title="$t('永续')" @changeLine="onChangeLine" :isNight="isNight" :isChange="isChange"
        :kineType="kineType" :tabIndex="tab" @changeNight="OnchangeNight" />
      <div class="flex justify-between px-32 pt-40" v-if="!kineType">
      <!-- <div class="flex justify-between px-32 pt-40" v-if="!kineType">
        <div class="w-368 h-80 mr-32 font-28 flex justify-center items-center rounded box-border tabBtn"
          :class="tab === '1' ? 'activeBtn' : ''" @click="onTab('1')">{{ $t('永续合约') }}</div>
        <div class="w-368 h-80  font-28 flex justify-center items-center rounded box-border tabBtn"
          :class="tab === '2' ? 'activeBtn' : ''" @click="onTab('2')">{{ queryType == 'cryptos' ? $t('交割合约') : $t('期货交易')
          }}</div>
      </div>
      </div> -->
      <!-- 数据区 -->
      <div :class="{ slide2: animated1, slide1: animated2 }">
        <div class="data-index">
@@ -33,7 +33,7 @@
                  <p>{{ quote.high || '--' }}</p>
                </div>
                <div class="flex w-1/2 flex-col justify-between w-220 buy-title">
                  <p class="text-grey">{{ $t('24h成交量') }}({{ symbolData && symbolData.toUpperCase() || '--' }})</p>
                  <p class="text-grey">{{ $t('24h成交量') }}</p>
                  <p>{{ quote.amount && quote.amount.toFixed(3) || '--' }}</p>
                </div>
              </div>
@@ -284,7 +284,7 @@
      order_no: '',
      timer: null,
      isChangeLine: false,
      isNight: true,
      isNight: false,
      isChange: true, //是否有切换黑夜白天模式
      kineType: '',
      deepBuy: [],