style

lxf

2025-07-02 7a52988eb65d0e50cc56e9da8e0088dfc5f9e416

 src/components/foreign/foreign-perpetual-open/index.vue

@@ -19,24 +19,24 @@
                :class="currentType == 'short' ? 'bg-red' : ''" @click="changeTab('short')">{{ $t('sell') }}</div>
            </div>
            <div class="flex justify-between h-30 items-center mt-10">
              <span class="textColor3 font-14">{{ $t('time') }}</span>
              <span class="textColor3">{{ timeStr }}</span>
              <span class="textColor2 font-14">{{ $t('time') }}</span>
              <span class="textColor2">{{ timeStr }}</span>
            </div>
            <div class="flex justify-between h-30 items-center">
              <span class="textColor3 font-14">{{ $t('tradingAssets') }}</span>
              <span class="textColor3 font-14" style="color:#d6cc62;">USD</span>
              <span class="textColor2 font-14">{{ $t('tradingAssets') }}</span>
              <span class="textColor2 font-14" style="color:#d6cc62;">USD</span>
            </div>
            <div class="flex justify-between h-30 items-center">
              <span class="textColor3 font-14">{{ $t('可用数量') }}</span>
              <span class="textColor3">{{ nan(initFutrue.amount) }}</span>
              <span class="textColor2 font-14">{{ $t('可用数量') }}</span>
              <span class="textColor2">{{ nan(initFutrue.amount) }}</span>
            </div>
            <div class="flex justify-between h-30 items-center mb-8">
              <span class="textColor3 font-14">{{ $t('transactionPeriod') }}</span>
              <span class="textColor2 font-14">{{ $t('transactionPeriod') }}</span>
            </div>
            <div v-if="!initFutrue.para" class="h-40"></div>
            <contract-futrue v-else :initFutrue="initFutrue" @paraId="onParaId" :key="initFutrue.para" />
            <div class="flex justify-between h-30 items-center">
              <span class="textColor3 font-14">{{ $t('number') }}</span>
              <span class="textColor2 font-14">{{ $t('number') }}</span>
            </div>
          </div>
          <div class="flex items-center border-main h-38 lh-38 rounded-lg">
@@ -54,11 +54,11 @@
              @click="selectMount(1, 3)">100%</span>
          </div>
          <div class="flex justify-between h-30 items-center mt-10">
            <span class="textColor3 font-24">{{ $t('minimumBuy') }}</span>
            <span class="textColor3">{{ initFutrue.para && initFutrue.para[0] ? initFutrue.para[paraIndex].buy_min
            <span class="textColor2 font-24">{{ $t('minimumBuy') }}</span>
            <span class="textColor2">{{ initFutrue.para && initFutrue.para[0] ? initFutrue.para[paraIndex].buy_min
              : '' }}</span>
          </div>
          <div class="flex font-24 textColor3 justify-between mt-10">
          <div class="flex font-24 textColor2 justify-between mt-10">
            <div>{{ $t('free') }}</div>
            <div class="textColor">{{ ((form.amount * (initFutrue && initFutrue.para && initFutrue.para[0] ?
              initFutrue.para[paraIndex].unit_fee
@@ -555,4 +555,6 @@
      width: 92px;
    }
  }


</style>