个人添加图片

lxf

2025-07-16 8588fe30f17d0d28190a279aab8675de0dbf1a5b

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

@@ -14,29 +14,29 @@
            }}</span></div>
            <div class="flex textColor font-16 borderColor items-center h-40" style="border-radius:4px;">
              <div class="flex-1 text-center lh-40" style="border-top-left-radius:4px;border-bottom-left-radius:4px;"
                :class="currentType == 'long' ? 'bg-green' : ''" @click="changeTab('long')">{{ $t('buy') }}</div>
                :class="currentType == 'long' ? 'bg-green text_fff' : ''" @click="changeTab('long')">{{ $t('buy') }}</div>
              <div class="flex-1 text-center lh-40" style="border-top-right-radius:4px;border-bottom-right-radius:4px;"
                :class="currentType == 'short' ? 'bg-red' : ''" @click="changeTab('short')">{{ $t('sell') }}</div>
                :class="currentType == 'short' ? 'bg-red text_fff' : ''" @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
@@ -391,6 +391,9 @@
  font-size: 14px;
}

.text_fff{
  color: #fff;
}
.options {
  box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.3);
  border-radius: 6px;
@@ -555,4 +558,6 @@
      width: 92px;
    }
  }


</style>