From c17311ba1351cd5e64654c3fc7b2fe765b1e7382 Mon Sep 17 00:00:00 2001
From: 李凌 <344137771@qq.com>
Date: Thu, 09 Oct 2025 11:53:12 +0800
Subject: [PATCH] 1
---
src/components/Transform/contract-header/index.vue | 37 ++++++++++++++++++++++++-------------
1 files changed, 24 insertions(+), 13 deletions(-)
diff --git a/src/components/Transform/contract-header/index.vue b/src/components/Transform/contract-header/index.vue
index 1d305d8..ff2808d 100644
--- a/src/components/Transform/contract-header/index.vue
+++ b/src/components/Transform/contract-header/index.vue
@@ -22,11 +22,11 @@
@click="jump" />
</div> -->
</div>
- <div class="flex justify-between pt-34">
- <button class="tabBtn w-368 h-74 lh-74 border-none rounded"
- :class="selectIndex == 1 ? 'select-active' : 'no-select'" @click="changeTab(1)">
+ <div class="flex justify-start pt-34">
+ <button class="tabBtn h-50 lh-50 border-none" :class="selectIndex == 1 ? 'select-active' : 'no-select'"
+ @click="changeTab(1)">
{{ $t('永续合约') }}</button>
- <button class="tabBtn w-368 h-74 lh-74 border-none rounded"
+ <button class="tabBtn h-50 lh-50 border-none"
:class="selectIndex == 2 ? 'select-one-active' : 'no-select'" @click="changeTab(2)">
{{ queryType == 'cryptos' ? $t('交割合约') : $t('期货交易') }}</button>
</div>
@@ -246,24 +246,35 @@
}
.tabBtn {
- border-radius: 2.35rem;
- // border: 1px solid #EAEDF2;
- color: $text_color;
+ // border-radius: 2.35rem;
+ // color: $text_color;
font-weight: bold;
- // background: $tab_background;
- font-size: 30px;
+ font-size: 1.8rem;
+ margin-right: 2rem;
+
+ @include themify() {
+ color: themed("text_color1");
+ }
}
.select-active {
- background-color: $green;
- color: $text_color;
+ // background-color: $green;
+ // color: $text_color;
border: none;
+
+ @include themify() {
+ color: themed("text_color");
+ }
}
.select-one-active {
- background-color: $red;
- color: $text_color;
+ // background-color: $red;
+ // color: $text_color;
border: none;
+
+ @include themify() {
+ color: themed("text_color");
+ }
}
.no-select {}
--
Gitblit v1.9.3