scout666/fiee-official-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

更新股票变动显示逻辑，优化不同屏幕尺寸下的样式适配，确保变动信息根据涨跌状态动态改变颜色。

Browse Source
This commit is contained in:
齐斌 2025-05-28 15:43:05 +08:00
parent c4b11ec76a
commit 786740cdfa
5 changed files with 14 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/store/stock-quote/index.js
View File

@ -33,7 +33,7 @@ dayjs.extend(utc)
dayjs.extend(timezone)
/*
美股的常规发行日（交易日）为周一至周五，遇到法定假日则顺延。
如果你只需要“上一个交易日”（不考虑法定假日），可以这样实现：
如果你只需要“上一个交易日”（不考虑法定假日）的情况下
获取当前美东时间。
如果今天是周一，则上一个交易日为上周五。
如果今天是周日，则上一个交易日为上周五。

4
src/views/stock-quote/size1440/index.vue
View File

@ -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>

4
src/views/stock-quote/size1920/index.vue
View File

@ -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>

5
src/views/stock-quote/size375/index.vue
View File

@ -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>

4
src/views/stock-quote/size768/index.vue
View File

@ -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>