From 9337c3cf960b60078558b7f942fd27f1ab39364b Mon Sep 17 00:00:00 2001
From: 李凌 <344137771@qq.com>
Date: Tue, 16 Dec 2025 18:29:46 +0800
Subject: [PATCH] 改黑夜样式
---
src/components/Transform/mining-exchange-input/index.vue | 42 +++++++++++++++++++++++++++++-------------
1 files changed, 29 insertions(+), 13 deletions(-)
diff --git a/src/components/Transform/mining-exchange-input/index.vue b/src/components/Transform/mining-exchange-input/index.vue
index 18fb87b..d3345cc 100644
--- a/src/components/Transform/mining-exchange-input/index.vue
+++ b/src/components/Transform/mining-exchange-input/index.vue
@@ -72,7 +72,7 @@
class="w-30 h-30 rounded-full mr-10 currency-icon" />
</div>
<div>
- <div class="item-title textColor">{{ strToArr(item.name.toUpperCase(),'/')[0] }}</div>
+ <div class="item-title textColor">{{ strToArr(item.name.toUpperCase(), '/')[0] }}</div>
</div>
</div>
<div class="text-right" v-if="activeIndex == 0">
@@ -235,10 +235,10 @@
this.currencyList = this.allCurrencyList
}
},
- strToArr(str, separator = ',') {
- if (typeof str !== 'string') return [];
- return str.split(separator);
- },
+ strToArr(str, separator = ',') {
+ if (typeof str !== 'string') return [];
+ return str.split(separator);
+ },
},
};
</script>
@@ -256,7 +256,10 @@
.van-action-sheet__item {
background: #0D1323;
- color: $text_color;
+
+ @include themify() {
+ color: themed("text_color");
+ }
}
@@ -268,37 +271,50 @@
.exchange-pop {
.tab-list {
- background: $inp-b;
+ // background: $inp-b;
$tab-r: 90px;
border-radius: $tab-r;
height: 180px;
color: $text_color;
+ @include themify() {
+ background: themed("input_background");
+ }
+
.tab-item {
text-align: center;
border-radius: $tab-r;
+
+ @include themify() {
+ background: themed("input_background");
+ }
}
.active {
- background: $bg_yellow;
-
+ background: $bg_yellow !important;
border-radius: $tab-r;
}
}
.title {
- color: $text_color;
- padding: 30px 0 !important
+ padding: 30px 0 !important;
+
+ @include themify() {
+ color: themed("text_color");
+ }
}
.search-input {
- color: $text_color;
- background: $inp-b;
border-radius: 80px;
height: 100px !important;
display: flex;
align-items: center;
padding-left: 30px !important;
+
+ @include themify() {
+ background: themed("input_background");
+ color: themed("text_color");
+ }
}
.list {
--
Gitblit v1.9.3