From ef52095f5e9f0a9fe2da779bb1573947d77d75b6 Mon Sep 17 00:00:00 2001
From: jhzh <1628036192@qq.com>
Date: Fri, 22 May 2026 10:53:01 +0800
Subject: [PATCH] 1
---
src/views/cryptos/Trade/index.vue | 35 +++++++++++++++++++++++++----------
1 files changed, 25 insertions(+), 10 deletions(-)
diff --git a/src/views/cryptos/Trade/index.vue b/src/views/cryptos/Trade/index.vue
index 6b046b8..be1dfa8 100644
--- a/src/views/cryptos/Trade/index.vue
+++ b/src/views/cryptos/Trade/index.vue
@@ -15,6 +15,7 @@
<trade-head :isReturn="true" :backFunc="() => $router.push('/')" :symbolName="symbolName" :symbol="symbol"
:price="price" :range="range" :isTrade="true" @update-coin="onUpdate" @data="quote = $event" />
+ <div class="trade-content-bg">
<div class="trade-buy-sell flex justify-between px-30 py-30">
<trade-order-area :symbol="symbol" :symbolName="symbolName" :init-open="initOpen" :init-close="initClose"
:price="price" @ordered="onOrdered" />
@@ -23,10 +24,9 @@
v-if="symbol" :price="price" class="w-290 ml-30" />
</keep-alive>
</div>
- <div class="flex k-select-box">
+ <!-- <div class="flex k-select-box">
<div class="mt-20 mb-22 select-box" 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 font-28 textColor" style="width:80%;">{{ title }}</div>
<img src="../../../assets/image/public/grey-select.png" alt="select-icon" class="w-22 h-11 mr-20" />
</div>
@@ -40,7 +40,7 @@
<div class="ml-10" @click="isSelectShow = true">
<img src="../../../assets/image/selectIcon.png" alt="warn-icon" class="w-36 h-30" />
</div>
- </div>
+ </div> -->
<div class="h-16 diviLine"></div>
<div>
<div class="flex justify-between border-b-color items-center">
@@ -140,6 +140,7 @@
</div> -->
<van-action-sheet class="action-sheet" v-model:show="isSelectShow" @select="onSelect" :actions="actions"
:cancel-text="$t('取消')" close-on-click-action @cancel="onCancel" />
+ </div>
</div>
</div>
</template>
@@ -548,6 +549,11 @@
#cryptos {
background-color: $mainbgWhiteColor;
+ .trade-content-bg {
+ background: #fff;
+ border-radius: 15px;
+ }
+
:v-deep(.px-4) {
padding-left: 30px !important;
padding-right: 30px !important;
@@ -608,6 +614,8 @@
border-top-right-radius: 20px;
padding: 0 30px;
box-sizing: border-box;
+ // background-color: #fff !important;
+ border-radius: 10px;
}
.my-swipe {
@@ -651,12 +659,12 @@
.select-box {
width: 220px;
-
- background: $inp-b;
-
margin-right: 20px;
- }
+ @include themify() {
+ background: themed("input_background") !important;
+ }
+ }
}
.z-100 {
@@ -665,8 +673,12 @@
.option-box {
z-index: 99;
- background: $inp-b;
- box-shadow: 0px 0px 0.1875rem 0.1875rem $inp-b;
+
+ @include themify() {
+ background: themed("input_background");
+ box-shadow: 0px 0px 0.1875rem 0.1875rem themed("input_background");
+ color: themed("text_color");
+ }
}
:deep(.van-action-sheet__content) {
@@ -674,7 +686,10 @@
.van-action-sheet__item {
background: transparent;
- color: $text_color;
+
+ @include themify() {
+ color: themed("text_color");
+ }
}
}
--
Gitblit v1.9.3