From f9ed6a8d29e3d465afcdcd7e5840df1d77d49c66 Mon Sep 17 00:00:00 2001
From: jhzh <1628036192@qq.com>
Date: Tue, 22 Oct 2024 13:53:53 +0800
Subject: [PATCH] 修改首页客服图标
---
src/components/perpetual-open/index.vue | 90 +++++++++++++++++++++++----------------------
1 files changed, 46 insertions(+), 44 deletions(-)
diff --git a/src/components/perpetual-open/index.vue b/src/components/perpetual-open/index.vue
index d4a7881..964b8e0 100644
--- a/src/components/perpetual-open/index.vue
+++ b/src/components/perpetual-open/index.vue
@@ -64,7 +64,13 @@
</div>
<div class="text-right items-end justify-end">
<div class="">{{ $t("数量") }}</div>
- <div class="mt-4">({{ symbol | _symbolName() }})</div>
+ <div class="mt-4" v-if="symbol=='MOTHER'">(ORBITAL)</div>
+ <div class="mt-4" v-else-if="symbol=='ZKP'">(ZYD)</div>
+ <div class="mt-4" v-else-if="symbol=='DEA'">(DIA)</div>
+ <div class="mt-4" v-else-if="symbol=='AXFD'">(XETA)</div>
+ <div class="mt-4" v-else-if="symbol=='SMK'">(OG)</div>
+ <div class="mt-4" v-else-if="symbol=='FPP'">(FIL)</div>
+ <div class="mt-4" v-else>({{ symbol | _symbolName() }})</div>
</div>
</div>
<div
@@ -222,46 +228,32 @@
@paraId="onParaId"
/>
- <div class="w-440 flex items-center box-show h-76 lh-76 rounded-lg">
- <div
- v-if="selectIndex == 1"
- class="w-80 flex items-center justify-center"
- style="height: 100%"
- @click="onReduce"
- >
- <img
- src="../../assets/image/public/reduce.png"
- alt="add"
- class="w-30 h-6"
- />
+ <div style="border: 1px solid #a6a6a6; border-radius: 4px;" class="h-76 lh-76 inputBackground2 mb-30 flex pr-20 justify-center rounded-lg textColor"
+ v-if="selectIndex == 1">
+ <!-- <input v-if="type / 1 === 1" :placeholder="$t('价格最优')" class="w-full pl-20 h-76 border-none text-left rounded-lg"
+ :disabled="type / 1 === 1" @focus="focus = true" />
+ <input v-else class="w-full pl-20 h-76 border-none text-left rounded-lg"
+ :disabled="type / 1 === 1" @focus="focus = true" v-model="form.price" /> -->
+
+ <input class="w-full pl-20 h-76 border-none text-left rounded-lg"
+ :disabled="type / 1 === 1" @focus="focus = true" v-model="form.price" />
+ <span class="ml-20">USDT</span>
+ </div>
+
+ <div v-if="selectIndex == 2" class="w-440 flex items-center inputBackground2 h-76 lh-76 rounded-lg">
+ <div v-if="selectIndex == 1" class="w-80 flex items-center justify-center" style="height: 100%"
+ @click="onReduce">
+ <img src="../../assets/image/public/reduce.png" alt="add" class="w-30 h-6" />
</div>
-
- <input
- :placeholder="
- selectIndex == 1
- ? $t('张数')
- : $t('最少') + initFutrue && initFutrue.para
- ? $t('最小金额') + initFutrue.para[paraIndex].buy_min
- : ''
- "
- class="border-none text-center "
- style="width: 156px"
- v-model="form.amount"
- type="number"
- @input="onInput"
- />
- <div
- class="w-80 flex items-center justify-center"
- style="height: 100%"
- >
+ <input :placeholder="selectIndex == 1 ? $t('交易数量')
+ : $t('最少') + initFutrue && initFutrue.para
+ ? $t('最小金额') + initFutrue.para[paraIndex].buy_min
+ : ''
+ " class="border-none text-center textColor" style="width: 156px" v-model="form.amount"
+ type="number" @input="onInput" />
+ <div class="w-80 flex items-center justify-center" style="height: 100%">
<template v-if="selectIndex == 1">
- <div @click="onAdd">
- <img
- src="../../assets/image/public/add.png"
- alt="reduce"
- class="w-30 h-30"
- />
- </div>
+ <img @click="onAdd" src="../../assets/image/public/add.png" alt="reduce" class="w-30 h-30" />
</template>
<template v-else>
<span class="textColor">USDT</span>
@@ -269,7 +261,7 @@
</div>
</div>
<template v-if="selectIndex == 1">
- <div class="mt-50 w-full flex justify-between items-center">
+ <div class="mb-20 w-full flex justify-between items-center">
<span class="font-22 font-400 newcolor1">{{
$t("可开张数")
}}</span>
@@ -278,6 +270,16 @@
U
</span>
</div>
+ <div style="border: 1px solid #a6a6a6; border-radius: 4px;" class="h-76 lh-76 inputBackground2 mb-30 flex pr-20 justify-center rounded-lg textColor"
+ v-if="selectIndex == 1">
+ <input :placeholder="selectIndex == 1 ? $t('交易数量')
+ : $t('最少') + initFutrue && initFutrue.para
+ ? $t('最小金额') + initFutrue.para[paraIndex].buy_min
+ : ''
+ " class="border-none text-center textColor" style="width: 156px" v-model="form.amount"
+ type="number" @input="onInput" />
+ </div>
+
<!-- <div
class="h-76 lh-76 inputBackground mb-30 flex pr-20 justify-center rounded-lg textColor" style="margin-top:20px"
>
@@ -342,7 +344,7 @@
{{ (initData.amount * (form.amount / 1)) | nan }} USDT
</div>
</div>
- <div class="flex justify-between mt-30">
+ <!-- <div class="flex justify-between mt-30">
<div class="newcolor1">{{ $t("建仓手续费") }}</div>
<div class="textColor">
{{
@@ -352,7 +354,7 @@
}}
USDT
</div>
- </div>
+ </div> -->
</template>
<div
class="flex font-24 text-grey justify-between mt-32"
@@ -667,7 +669,7 @@
obj = this.initOpen;
if (!obj.lever || !obj.lever.length) {
// 倍数
- obj.lever = [{ id: 1, lever_rate: 1 }];
+ obj.lever = [{ id: 1, lever_rate: 100 }];
}
return obj;
}
@@ -708,7 +710,7 @@
session_token: "",
direction: "buy", // 买or卖
price_type: "opponent", // 市价or限价
- lever_rate: 1, // 杠杆
+ lever_rate: 100, // 杠杆
stop_price_profit: "",
stop_price_loss: "",
price: "",
--
Gitblit v1.9.3