From 8588fe30f17d0d28190a279aab8675de0dbf1a5b Mon Sep 17 00:00:00 2001
From: lxf <1371462558@qq.com>
Date: Wed, 16 Jul 2025 18:46:29 +0800
Subject: [PATCH] 个人添加图片
---
src/components/foreign/foreign-perpetual-open/index.vue | 31 ++++++++++++++++++-------------
1 files changed, 18 insertions(+), 13 deletions(-)
diff --git a/src/components/foreign/foreign-perpetual-open/index.vue b/src/components/foreign/foreign-perpetual-open/index.vue
index c887c1f..2803161 100644
--- a/src/components/foreign/foreign-perpetual-open/index.vue
+++ b/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>
--
Gitblit v1.9.3