From 7fc6bfe900790ec7c92bce85d5b20a95fbc06e65 Mon Sep 17 00:00:00 2001
From: 李凌 <344137771@qq.com>
Date: Wed, 15 Oct 2025 10:29:30 +0800
Subject: [PATCH] 其他人改的版本
---
src/components/Transform/trade-order-area/index.vue | 50 +++++++++++++++++++++++++++++---------------------
1 files changed, 29 insertions(+), 21 deletions(-)
diff --git a/src/components/Transform/trade-order-area/index.vue b/src/components/Transform/trade-order-area/index.vue
index 99536b2..6318606 100644
--- a/src/components/Transform/trade-order-area/index.vue
+++ b/src/components/Transform/trade-order-area/index.vue
@@ -11,7 +11,7 @@
<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" />
+ <img src="@/assets/image/public/grey-select.png" alt="select-icon" class="w-22 h-11 mr-20" />
</div>
<div class="option-box" v-if="isShow">
<div class="font-30" v-for="item in selectData" :key="item.type" @click="selectItem(item)">{{ item.title }}
@@ -27,7 +27,7 @@
<span>{{ title }}</span>
</div>
- <template v-if="initClose.status / 1 === 0">
+ <template v-if="initClose.status / 1 === 0">
<div class="flex justify-center items-center h-66 buy-item">{{ $t('停牌中,禁止交易') }}</div>
</template>
<template v-else>
@@ -71,7 +71,7 @@
<van-icon name="add-o" @click="$router.push('/cryptos/exchangePage')" class="font-30 add-icon" />
<!-- <img @click="$router.push('/exchange/exchangePage')" src="@/assets/image/public/switch.png" class="w-24 h-24" /> -->
</div>
- <div style="border-radius: 3.5rem;"
+ <div style="border-radius: 6px;"
class="w-full h-90 lh-90 flex justify-center text-white text-center rounded buyandSell mt-70"
:class="currentType === 'open' ? 'bg-green' : 'bg-red'" @click="order()">
{{ currentType == 'open' ? $t('买入') : $t('卖出') }}
@@ -369,19 +369,19 @@
@import "@/assets/init.scss";
.area_tabs {
- border-radius: 2.5rem;
+ // border-radius: 2.5rem;
.open,
.close {
- border-radius: 2.5rem;
+ // border-radius: 2.5rem;
}
.open {
- background: #06CDA5;
+ background: #24c18d;
}
.close {
- background: #f43368;
+ background: #f14b3f;
}
}
@@ -560,7 +560,7 @@
}
.inputBackground {
- border-radius: 2.5rem;
+ // border-radius: 2.5rem;
input {
background: transparent !important;
@@ -571,35 +571,41 @@
display: flex;
align-items: center;
justify-content: center;
- background: $input_background;
- border-radius: 2.5rem;
+ // background: $input_background;
+ // border-radius: 2.5rem;
margin-right: 10px !important;
padding: 10px 0;
+
+ @include themify() {
+ background: themed("input_background");
+ }
}
.total-list {
background: transparent;
-
display: flex;
-
- color: $text_color;
-
font-size: 26px;
align-items: center;
justify-content: center;
margin-bottom: 20px !important;
position: relative;
- .total-div {
- flex: 1;
- text-align: center;
- padding: 20px 0 !important;
+ @include themify() {
+ color: themed("text_color1");
}
}
+.total-div {
+ flex: 1;
+ text-align: center;
+ padding: 20px 0 !important;
+}
+
.active-bg {
- background: $input_background;
- border-radius: 2.5rem;
+ @include themify() {
+ background: themed("input_background");
+ color: themed("text_color");
+ }
}
.buyandSell {
@@ -608,6 +614,8 @@
}
.select-active {
- color: $text_color;
+ @include themify() {
+ color: themed("text_color");
+ }
}
</style>
--
Gitblit v1.9.3