From a37445dc47aef525db7b88084c0e97b0deec195a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=AE=8B=E6=9D=B0?= <bestsongj@163.com>
Date: Wed, 23 Jul 2025 16:23:21 +0800
Subject: [PATCH] =?UTF-8?q?=E5=89=A9=E4=BD=99=E5=88=86=E9=92=9F=E6=95=B0?=
 =?UTF-8?q?=E5=B0=8F=E4=BA=8E3=E6=97=B6=E5=AD=97=E4=BD=93=E5=8F=98?=
 =?UTF-8?q?=E6=88=90=E7=BA=A2=E8=89=B2=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/zhongchou/index.vue | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/views/zhongchou/index.vue b/src/views/zhongchou/index.vue
index cb7e551..a813dee 100644
--- a/src/views/zhongchou/index.vue
+++ b/src/views/zhongchou/index.vue
@@ -40,7 +40,7 @@
                             </div>
 
                             <!-- 美股剩余时间显示 -->
-                            <div class="stock-info">
+                            <div class="stock-info" :class="{ 'time-almost-up': isTimeAlmostUp }">
                                 <h3>距美股实时数据</h3>
                                 <h3>还剩{{ numberToChinese(usDisplayTime) }}分钟</h3>
                             </div>
@@ -272,6 +272,11 @@ const usDisplayTime = computed(() => {
     return Math.max(0, usRemainingTime.value)
 })
 
+// 计算属性：判断剩余时间是否小于等于3分钟
+const isTimeAlmostUp = computed(() => {
+    return usRemainingTime.value <= 3
+})
+
 // const hkDisplayTime = computed(() => {
 //     return Math.max(0, hkRemainingTime.value)
 // })
@@ -679,6 +684,11 @@ const hideRules = () => {
     flex-direction: column;
 }
 
+/* 剩余时间小于等于3分钟时的样式 */
+.time-almost-up h3 {
+    color: #ff0000;
+}
+
 /* 股票信息标题样式 */
 .stock-info h3 {
     margin: 5px 0;