From 933f0f6895b6493b6ae60c6a293e78551416ad4e Mon Sep 17 00:00:00 2001
From: jhzh <1628036192@qq.com>
Date: Wed, 04 Sep 2024 22:23:33 +0800
Subject: [PATCH] 1
---
src/components/trade-order-area/index.vue | 67 ++++++++++++++++++++++-----------
1 files changed, 45 insertions(+), 22 deletions(-)
diff --git a/src/components/trade-order-area/index.vue b/src/components/trade-order-area/index.vue
index db47a5d..eba20ab 100644
--- a/src/components/trade-order-area/index.vue
+++ b/src/components/trade-order-area/index.vue
@@ -17,30 +17,52 @@
</p>
</div>
- <div class="mt-22 mb-22 box-show" style="position: relative">
- <div
- class="flex justify-between items-center w-full h-70"
- @click="selectBtn"
- >
- <!-- <img src="@/assets/image/public/warn.png" alt="warn-icon" class="w-25 h-25 pl-20"/> -->
- <div class="pl-16 textColor" style="width: 80%">{{ title }}</div>
- <img
- src="@/assets/image/public/grey-select.png"
- alt="select-icon"
- class="w-22 h-11 pr-20"
- />
- </div>
- <div class="option-box" v-if="isShow">
- <div
- class="font-30"
- v-for="item in selectData"
- :key="item.type"
- @click="selectItem(item)"
+ <template v-if="selectIndex == 1">
+ <!-- <div class="flex items-center h-66 rounded-lg text-grey"> -->
+ <!-- <p
+ class="font-28 flex-1 flex items-center justify-center h-66 long"
+ :class="currentType == 'long' ? 'long' : ''"
+ @click="changeTab('long')"
>
- {{ item.title }}
+ {{ $t("开多") }}
+ </p> -->
+ <!-- <p
+ class="font-28 flex-1 ml-20 flex items-center justify-center h-66 short"
+ :class="currentType == 'short' ? 'short' : ''"
+ @click="changeTab('short')"
+ >
+ {{ $t("开空") }}
+ </p> -->
+ <!-- </div> -->
+ <div class="mt-30 mb-30" style="position: relative">
+ <div
+ class="box-show flex justify-between items-center w-full h-76 rounded-lg textColor"
+ @click="selectBtn"
+ >
+ <img
+ src="../../assets/image/public/warn.png"
+ alt="warn-icon"
+ class="w-25 h-25 pl-20"
+ />
+ <div class="text-center" style="width: 80%">{{ title }}</div>
+ <img
+ src="../../assets/image/public/grey-select.png"
+ alt="select-icon"
+ class="w-22 h-11 pr-20"
+ />
+ </div>
+ <div class="option-box" v-show="isShow">
+ <div
+ class="font-30"
+ v-for="item in selectData"
+ :key="item.type"
+ @click="selectItem(item)"
+ >
+ {{ item.title }}
+ </div>
</div>
</div>
- </div>
+ </template>
<div class="h-70 lh-70 box-show mb-25 flex justify-center px-16 textColor2">
<input
placeholder=""
@@ -256,6 +278,7 @@
return {
options: config.sliderOptions,
value: 0,
+ selectIndex:1,
isShow: false,
title: this.$t("市价委托"),
selectData: [],
@@ -288,6 +311,7 @@
this.form.volume = "";
},
exchangeVal(val) {
+ this.form.price = this.price;
this.percentageVal = val;
if (!this.isTotal) {
if (this.currentType == "open") {
@@ -609,7 +633,6 @@
right: 0;
top: 90px;
width: 100%;
- z-index: 3;
@include themify() {
background: themed("grey_bg");
--
Gitblit v1.9.3