From 786740cdfaa7b4c418748c7686f89b663646245d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=BD=90=E6=96=8C?= <1134087124@qq.com>
Date: Wed, 28 May 2025 15:43:05 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0=E8=82=A1=E7=A5=A8=E5=8F=98?=
 =?UTF-8?q?=E5=8A=A8=E6=98=BE=E7=A4=BA=E9=80=BB=E8=BE=91=EF=BC=8C=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96=E4=B8=8D=E5=90=8C=E5=B1=8F=E5=B9=95=E5=B0=BA=E5=AF=B8?=
 =?UTF-8?q?=E4=B8=8B=E7=9A=84=E6=A0=B7=E5=BC=8F=E9=80=82=E9=85=8D=EF=BC=8C?=
 =?UTF-8?q?=E7=A1=AE=E4=BF=9D=E5=8F=98=E5=8A=A8=E4=BF=A1=E6=81=AF=E6=A0=B9?=
 =?UTF-8?q?=E6=8D=AE=E6=B6=A8=E8=B7=8C=E7=8A=B6=E6=80=81=E5=8A=A8=E6=80=81?=
 =?UTF-8?q?=E6=94=B9=E5=8F=98=E9=A2=9C=E8=89=B2=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/store/stock-quote/index.js           | 2 +-
 src/views/stock-quote/size1440/index.vue | 4 +++-
 src/views/stock-quote/size1920/index.vue | 4 +++-
 src/views/stock-quote/size375/index.vue  | 5 ++++-
 src/views/stock-quote/size768/index.vue  | 4 +++-
 5 files changed, 14 insertions(+), 5 deletions(-)

diff --git a/src/store/stock-quote/index.js b/src/store/stock-quote/index.js
index 62e88a4..6dea12f 100644
--- a/src/store/stock-quote/index.js
+++ b/src/store/stock-quote/index.js
@@ -33,7 +33,7 @@ dayjs.extend(utc)
 dayjs.extend(timezone)
 /*
 美股的常规发行日（交易日）为周一至周五，遇到法定假日则顺延。
-如果你只需要“上一个交易日”（不考虑法定假日），可以这样实现：
+如果你只需要“上一个交易日”（不考虑法定假日）的情况下
 获取当前美东时间。
 如果今天是周一，则上一个交易日为上周五。
 如果今天是周日，则上一个交易日为上周五。
diff --git a/src/views/stock-quote/size1440/index.vue b/src/views/stock-quote/size1440/index.vue
index 5a675dd..b91dfb5 100644
--- a/src/views/stock-quote/size1440/index.vue
+++ b/src/views/stock-quote/size1440/index.vue
@@ -24,7 +24,9 @@ getStockQuate()
       </div>
       <div class="info-card">
         <div class="text-base text-gray-400">Change</div>
-        <div class="text-2xl font-bold text-red-500">{{ stockQuote.change?.join('') }}</div>
+        <div class="text-3xl font-bold" 
+        :class="stockQuote.change?.[1]?.startsWith('-') ? 'text-red-500' : (stockQuote.change?.[1]?.startsWith('+') ? 'text-green-500' : '')">
+          {{ stockQuote.change?.join('') }}</div>
       </div>
       <div class="info-card">
         <div class="text-base text-gray-400">Day's Range</div>
diff --git a/src/views/stock-quote/size1920/index.vue b/src/views/stock-quote/size1920/index.vue
index edcfd0f..5e493c8 100644
--- a/src/views/stock-quote/size1920/index.vue
+++ b/src/views/stock-quote/size1920/index.vue
@@ -24,7 +24,9 @@ getStockQuate()
       </div>
       <div class="info-card">
         <div class="text-lg text-gray-400">Change</div>
-        <div class="text-3xl font-bold text-red-500 ">{{ stockQuote.change?.join('') }}</div>
+        <div class="text-3xl font-bold" 
+        :class="stockQuote.change?.[1]?.startsWith('-') ? 'text-red-500' : (stockQuote.change?.[1]?.startsWith('+') ? 'text-green-500' : '')">
+          {{ stockQuote.change?.join('') }}</div>
       </div>
       <div class="info-card">
         <div class="text-lg text-gray-400">Day's Range</div>
diff --git a/src/views/stock-quote/size375/index.vue b/src/views/stock-quote/size375/index.vue
index 68efba0..b15c1ca 100644
--- a/src/views/stock-quote/size375/index.vue
+++ b/src/views/stock-quote/size375/index.vue
@@ -20,7 +20,10 @@ getStockQuate();
       </div>
       <div class="info-card">
         <div class="text-xs text-gray-400">Change</div>
-        <div class="text-lg font-bold text-red-500">{{ stockQuote.change?.join('') }}</div>
+
+        <div class="text-lg font-bold" 
+        :class="stockQuote.change?.[1]?.startsWith('-') ? 'text-red-500' : (stockQuote.change?.[1]?.startsWith('+') ? 'text-green-500' : '')">
+          {{ stockQuote.change?.join('') }}</div>
       </div>
       <div class="info-card">
         <div class="text-xs text-gray-400">Day's Range</div>
diff --git a/src/views/stock-quote/size768/index.vue b/src/views/stock-quote/size768/index.vue
index 5a3e91e..1157d6e 100644
--- a/src/views/stock-quote/size768/index.vue
+++ b/src/views/stock-quote/size768/index.vue
@@ -24,7 +24,9 @@ getStockQuate();
         </div>
         <div class="info-card">
           <div class="text-sm text-gray-400">Change</div>
-          <div class="text-xl font-bold text-red-500">{{ stockQuote.change?.join('') }}</div>
+          <div class="text-xl font-bold" 
+        :class="stockQuote.change?.[1]?.startsWith('-') ? 'text-red-500' : (stockQuote.change?.[1]?.startsWith('+') ? 'text-green-500' : '')">
+          {{ stockQuote.change?.join('') }}</div>
         </div>
         <div class="info-card">
           <div class="text-sm text-gray-400">Day's Range</div>