From 45190f969dd8c7d3d2c6e366694f0dadc5ea07e8 Mon Sep 17 00:00:00 2001
From: lxf <1371462558@qq.com>
Date: Mon, 19 May 2025 16:43:12 +0800
Subject: [PATCH] 样式修改
---
src/components/contract-header/index.vue | 52 +++++++++++++++++++++++++++-------------------------
1 files changed, 27 insertions(+), 25 deletions(-)
diff --git a/src/components/contract-header/index.vue b/src/components/contract-header/index.vue
index 85f3713..c865967 100644
--- a/src/components/contract-header/index.vue
+++ b/src/components/contract-header/index.vue
@@ -36,13 +36,13 @@
</div>
</div>
<div class="flex justify-between pt-34">
- <button
+ <!-- <button
class="tabBtn w-368 h-74 lh-74 border-none rounded"
:class="selectIndex == 1 ? 'select-active' : 'no-select'"
@click="changeTab(1)"
>
{{ $t("永续合约") }}
- </button>
+ </button> -->
<!-- 资金费率 -->
<!-- <div class="flex flex-col items-center justify-center ml-20">
<div class="text-grey font-24">
@@ -171,8 +171,8 @@
// { name:"XTZ/USDT",close:"1.568",change_ratio:"-7.1"},
// { name:"ADA/USDT",close:"0.493085",change_ratio:"-4.08"},
],
- interval:null,
- countdown: '', // 用于存储倒计时
+ interval: null,
+ countdown: "", // 用于存储倒计时
symbolname: "",
};
},
@@ -180,30 +180,32 @@
// this.coins = this.coinList.map(item => item.symbol)
// console.log('this.coins', this.coins)
this.symbolname = getStorage("symbolname");
- this.updateCountdown(); // 初始化时立即调用一次
- this.interval = setInterval(this.updateCountdown, 1000); // 每秒更新一次倒计时
+ this.updateCountdown(); // 初始化时立即调用一次
+ this.interval = setInterval(this.updateCountdown, 1000); // 每秒更新一次倒计时
},
destroyed() {
- clearInterval(this.interval); // 组件销毁时清除定时器
- },
+ clearInterval(this.interval); // 组件销毁时清除定时器
+ },
methods: {
- updateCountdown() {
- const currentTime = new Date(); // 获取当前时间
- const targetTime = new Date(currentTime); // 创建目标时间对象
- targetTime.setHours(24, 0, 0, 0); // 设置目标时间为当前时间后的24小时
-
- const remainingTime = targetTime - currentTime; // 计算倒计时剩余时间
-
- if (remainingTime < 0) {
- clearInterval(this.interval); // 倒计时结束，清除定时器
- this.countdown = "00:00:00";
- } else {
- const hours = Math.floor(remainingTime / (1000 * 60 * 60));
- const minutes = Math.floor((remainingTime % (1000 * 60 * 60)) / (1000 * 60));
- const seconds = Math.floor((remainingTime % (1000 * 60)) / 1000);
- this.countdown = `${hours}:${minutes}:${seconds}`;
- }
- },
+ updateCountdown() {
+ const currentTime = new Date(); // 获取当前时间
+ const targetTime = new Date(currentTime); // 创建目标时间对象
+ targetTime.setHours(24, 0, 0, 0); // 设置目标时间为当前时间后的24小时
+
+ const remainingTime = targetTime - currentTime; // 计算倒计时剩余时间
+
+ if (remainingTime < 0) {
+ clearInterval(this.interval); // 倒计时结束，清除定时器
+ this.countdown = "00:00:00";
+ } else {
+ const hours = Math.floor(remainingTime / (1000 * 60 * 60));
+ const minutes = Math.floor(
+ (remainingTime % (1000 * 60 * 60)) / (1000 * 60)
+ );
+ const seconds = Math.floor((remainingTime % (1000 * 60)) / 1000);
+ this.countdown = `${hours}:${minutes}:${seconds}`;
+ }
+ },
onRoute(item) {
if (this.$route.params.symbol !== item.symbol) {
this.$router.push(`/perpetualContract/${item.symbol}`);
--
Gitblit v1.9.3