1

lxf

2025-07-15 59269b6839c57aeb0d547dfd6da38157180483fd

 src/components/Transform/deliveryContract/hold.vue

@@ -7,10 +7,10 @@
          <div class="flex items-center">
            <div class="pl-29 pr-29 pt-11 pb-11 text-white open-btn font-28"
              :class="item.direction == 'buy' ? ' bg-green' : 'bg-red'">
              {{ item.direction == 'buy' ? $t('开多') : $t('开空') }}
              {{ item.direction == 'buy' ? $t('买入') : $t('卖出') }}
            </div>
            <div class="ml-22 font-31 font-600">
              <span class="textColor">{{ item.name }} {{ $t('交割') }}</span>
              <span class="textColor">{{ item.name }} {{ $t('兑换') }}</span>
              <span class="text-grey font-28 font-400 ml-17 mr-17">{{ $t('全仓') }} {{ item.lever_rate
              }}x</span>
            </div>
@@ -34,14 +34,14 @@
        <div class="flex-1">
          <div class="text-grey">{{ $t('方向') }}</div>
          <div class="mt-20" :class="item.direction === 'buy' ? 'text-green' : 'text-red'">{{ item.direction ===
            'buy' ? $t('开多') : $t('开空') }}</div>
            'buy' ? $t('买入') : $t('卖出') }}</div>
        </div>
        <div class="flex-1 font-28">
          <div class="text-grey text-center">{{ $t('数量') }}</div>
          <div class="mt-20 text-center textColor">{{ item.volume }}</div>
        </div>
        <div class="flex-1 flex flex-col items-end font-28">
          <div class="text-grey">{{ $t('盈亏') }}</div>
          <div class="text-grey">{{ $t('服务费') }}</div>
          <div class="mt-20" :class="item.profit / 1 > 0 ? 'text-green' : 'text-red'">
            {{ item.profit / 1 > 0 ? '+' + item.profit : item.profit }}
          </div>
@@ -53,7 +53,7 @@
          <div class="mt-20 textColor">{{ fomatTime(item.remain_time) }}</div>
        </div>
        <div class="flex-1">
          <div class="text-grey  text-center">{{ $t('交割时间') }}</div>
          <div class="text-grey  text-center">{{ $t('兑换时间') }}</div>
          <div class="mt-20  text-center textColor">{{ item.time_num + item.time_unit }}</div>
        </div>
        <div class="flex-1">