leemuzi/real-time-fund
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat：更新图标位置调整

Browse Source
This commit is contained in:
hzm
2026-02-27 22:30:49 +08:00
parent c3157439c3
commit 1c2195dd64
3 changed files with 17 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
app/components/PcFundTable.jsx
View File

@@ -249,12 +249,15 @@ export default function PcFundTable({
)}
<div className="title-text">
<span
className={`name-text ${isUpdated ? 'updated' : ''}`}
className={`name-text`}
title={isUpdated ? '今日净值已更新' : ''}
>
{info.getValue() ?? '—'}
</span>
{code ? <span className="muted code-text">#{code}</span> : null}
{code ? <span className="muted code-text">
#{code}
{isUpdated && <span className="updated-indicator">✓</span>}
</span> : null}
</div>
</div>
);

3
app/globals.css
View File

@@ -958,8 +958,7 @@ input[type="number"] {
line-height: 1.4;
}
.name-text.updated::after {
content: "✓";
.updated-indicator {
display: inline-flex;
align-items: center;
justify-content: center;

16
app/page.jsx
View File

@@ -3944,17 +3944,20 @@ export default function HomePage() {
)}
<div className="title-text">
<span
className={`name-text ${f.jzrq === todayStr ? 'updated' : ''}`}
title={f.jzrq === todayStr ? "今日净值已更新" : ""}
className="name-text"
>
{f.name}
</span>
<span className="muted code-text">
<span
className="muted code-text"
title={f.jzrq === todayStr ? "今日净值已更新" : ""}
>
{(() => {
const holding = holdings[f.code];
const profit = getHoldingProfit(f, holding);
return profit ? `¥${profit.amount.toFixed(2)}` : `#${f.code}`;
})()}
{f.jzrq === todayStr && <span className="updated-indicator">✓</span>}
</span>
</div>
</div>
@@ -4134,12 +4137,15 @@ export default function HomePage() {
)}
<div className="title-text">
<span
className={`name-text ${f.jzrq === todayStr ? 'updated' : ''}`}
className={`name-text`}
title={f.jzrq === todayStr ? "今日净值已更新" : ""}
>
{f.name}
</span>
<span className="muted">#{f.code}</span>
<span className="muted">
#{f.code}
{f.jzrq === todayStr && <span className="updated-indicator">✓</span>}
</span>
</div>
</div>