mirrors2/auv
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: 核心股页面 formatGain 符号一致 + 表格 a11y 增强

Browse Source 
Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Sakurasan
2026-08-10 20:56:38 +08:00
co-authored by Claude
parent 5e7f0c4f13
commit a7cff0930d
1 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/routes/core-stocks.tsx
+6 -6
View File
@@ -10,7 +10,7 @@ export const Route = createFileRoute("/core-stocks")({
/** 格式化涨幅，红涨绿跌 */
function formatGain(v: number | null | undefined): string {
if (v == null) return "·";
const s = v > 0 ? `+${v.toFixed(2)}%` : `${v.toFixed(2)}%`;
const s = v >= 0 ? `+${v.toFixed(2)}%` : `${v.toFixed(2)}%`;
return s;
}
@@ -31,7 +31,7 @@ function CoreStocksPage() {
<header className="sticky top-0 z-10 bg-background/95 backdrop-blur border-b">
<div className="max-w-5xl mx-auto px-4 h-12 flex items-center justify-between">
<div className="flex items-center gap-3">
<Link to="/hot-map" className="hover:opacity-70 transition-opacity">
<Link to="/hot-map" className="hover:opacity-70 transition-opacity" aria-label="返回">
<ArrowLeft className="h-5 w-5" />
</Link>
<h1 className="text-base font-semibold">核心股追踪</h1>
@@ -53,7 +53,7 @@ function CoreStocksPage() {
{isLoading ? (
<div className="animate-pulse rounded-xl bg-muted h-32" />
) : dates.length === 0 ? (
) : dates.length === 0 || stocks.length === 0 ? (
<div className="text-center text-sm text-muted-foreground py-16">
暂无数据，数据将在每日收盘后自动采集
</div>
@@ -62,13 +62,13 @@ function CoreStocksPage() {
<table className="w-full text-sm">
<thead>
<tr className="border-b bg-muted/50">
<th className="px-3 py-2 text-left font-medium whitespace-nowrap">股票</th>
<th scope="col" className="px-3 py-2 text-left font-medium whitespace-nowrap">股票</th>
{dates.map((d) => (
<th key={d} className="px-2 py-2 text-right font-medium tabular-nums whitespace-nowrap">
<th key={d} scope="col" title={d} className="px-2 py-2 text-right font-medium tabular-nums whitespace-nowrap">
{d.slice(5)}
</th>
))}
<th className="px-2 py-2 text-right font-medium">上榜</th>
<th scope="col" className="px-2 py-2 text-right font-medium">上榜</th>
</tr>
</thead>
<tbody>