This commit is contained in:
aaron 2026-04-30 17:01:13 +08:00
parent 8ae3ee19b7
commit ac6ff4eb2b

View File

@ -440,20 +440,23 @@ function MarketSnapshot({
) : null}
{leadingSectors.length ? (
<div className="mt-4 rounded-2xl border border-border-subtle bg-surface-1/70 p-3">
<div className="text-[11px] font-semibold text-text-secondary"></div>
<div className="mt-3 space-y-2">
<div className="mt-4">
<div className="flex items-center justify-between border-b border-border-subtle pb-2">
<div className="text-[11px] font-semibold text-text-secondary"></div>
<div className="text-[10px] text-text-muted">线</div>
</div>
<div className="divide-y divide-border-subtle">
{leadingSectors.map((sector) => {
const pct = sector.realtime_pct_change ?? sector.pct_change;
return (
<div key={sector.sector_code} className="flex items-center justify-between gap-3 text-sm">
<div className="min-w-0">
<div className="truncate font-medium text-text-primary">{sector.sector_name}</div>
<div className="text-[11px] text-text-muted">
<div key={sector.sector_code} className="grid grid-cols-[minmax(0,1fr)_auto] items-center gap-3 py-2.5 text-sm">
<div className="min-w-0 overflow-hidden">
<div className="truncate text-[13px] font-medium text-text-primary">{sector.sector_name}</div>
<div className="mt-0.5 truncate text-[11px] text-text-muted">
{sector.limit_up_count > 0 ? `${sector.limit_up_count} 涨停` : "无涨停"} · {sector.stage || "mid"}
</div>
</div>
<span className={`font-mono tabular-nums ${pct >= 0 ? "text-red-400" : "text-emerald-400"}`}>
<span className={`min-w-[4.5rem] text-right font-mono text-xs tabular-nums ${pct >= 0 ? "text-red-400" : "text-emerald-400"}`}>
{pct >= 0 ? "+" : ""}{pct.toFixed(2)}%
</span>
</div>
@ -645,7 +648,14 @@ function FocusStockCard({ rec }: { rec: RecommendationData }) {
<span className="text-sm font-semibold text-text-primary">{rec.name}</span>
<span className={`rounded-lg border px-2 py-0.5 text-[10px] ${badgeClass}`}>{rec.action_plan ?? "观察"}</span>
</div>
<div className="mt-1 text-[11px] text-text-muted font-mono tabular-nums">{rec.ts_code} · {rec.sector}</div>
<div className="mt-1 flex min-w-0 flex-wrap items-center gap-1.5 text-[11px] text-text-muted">
<span className="font-mono tabular-nums">{rec.ts_code}</span>
{rec.sector ? (
<span className="inline-flex max-w-[10rem] items-center rounded-md border border-border-subtle bg-surface-2/70 px-1.5 py-0.5 font-medium text-text-secondary">
<span className="truncate">{rec.sector}</span>
</span>
) : null}
</div>
</div>
<div className="text-right">
<div className="text-xs font-mono tabular-nums text-text-secondary">{Math.round(rec.score)}</div>