From a835dca493534af6b7644bef2c4d3c678cdfca97 Mon Sep 17 00:00:00 2001
From: zzzz <690498789@qq.com>
Date: Wed, 10 Apr 2024 10:58:10 +0800
Subject: [PATCH] first commit
---
src/components/contract-header/index.vue | 31 +++++++++++--------------------
1 files changed, 11 insertions(+), 20 deletions(-)
diff --git a/src/components/contract-header/index.vue b/src/components/contract-header/index.vue
index 95d59cb..4674f13 100644
--- a/src/components/contract-header/index.vue
+++ b/src/components/contract-header/index.vue
@@ -3,7 +3,7 @@
<div>
<div class="contract-header">
<div class="pl-30 pr-30">
- <div class="flex justify-center pt-45 before">
+ <div class="flex pt-45 before">
<div class="flex items-center justify-center">
<!-- <img :src="require(`@/assets/theme/${theme}/image/icon_back.png`)" class="w-35 h-35 back" alt=""
@click="$router.push(`/trendDetails/${symbol}`)"> -->
@@ -32,25 +32,18 @@
</div>
<div class="flex justify-between pt-34">
<button
- class="tabBtn w-368 h-74 lh-74 border-none rounded"
+ class="w-368 h-74 lh-74"
:class="selectIndex == 1 ? 'select-active' : 'no-select'"
@click="changeTab(1)"
>
{{ $t("永续合约") }}
</button>
<button
- class="tabBtn w-368 m-[10px] h-74 lh-74 border-none rounded"
- :class="selectIndex == 3 ? 'select-active' : 'no-select'"
- @click="$router.push('/trade/btc')"
- >
- {{ $t("币币交易") }}
- </button>
- <button
- class="tabBtn w-368 h-74 lh-74 border-none rounded"
+ class="w-368 h-74 lh-74"
:class="selectIndex == 2 ? 'select-active' : 'no-select'"
@click="changeTab(2)"
>
- {{ $t("期权交易") }}
+ {{ $t("交割合约") }}
</button>
</div>
</div>
@@ -173,7 +166,6 @@
};
},
created() {
- this.$emit("tab", this.$route.params.type);
// this.coins = this.coinList.map(item => item.symbol)
// console.log('this.coins', this.coins)
},
@@ -227,6 +219,8 @@
</script>
<style lang="scss" scoped>
+@import "@/assets/init.scss";
+
.before {
position: relative;
@@ -254,17 +248,14 @@
.select-active {
background-color: transparent;
-
- color: white !important;
-
- @include themify() {
- background: themed("color_main");
- }
-
- border: none;
+ border: 0px;
+ color: $newcolor;
}
.no-select {
+ background-color: transparent;
+ border: 0px;
+ color: $newcolor1;
}
// 弹出层样式
--
Gitblit v1.9.3