feat(core): Wave 4 P2 — 账户页 mono 字号分级 + 商品卡缺三视图徽标

- account-page.css:25 处纯 mono 装饰字号对照 V1 account.html 收回 9-11.5px 分级
  (原统一 12px);分页器等无 V1 锚点的保持现状不瞎改
- products.tsx:商品卡补「缺三视图」徽标(复用现成 .tri-missing-badge,真实字段判定
  !cover_asset && 无图,判不准则不显示不造假);stat 生成选择 modal 超 P2 范围跳过

验证: tsc 0 · build 0 · 14 路由回归 boot 0 报错 · 登录 702ms 无邮箱

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
seaislee1209
2026-06-19 13:13:02 +08:00
co-authored by Claude Opus 4.8
parent 09e67a5893
commit 1c5606abcb
2 changed files with 47 additions and 27 deletions
+21 -1
View File
@@ -311,6 +311,10 @@ export function ProductCard({ product, coverUrl = "", videoCount = 0, onOpen, on
// 优先显示真实上传/采用的主图;无真图时回退到按标题匹配的 mock 占位
const mock = productCover(product.title);
const assetCount = product.images?.length || 0;
// 缺三视图:采用三视图后端会把它落成 product.cover_asset(见 App.tsx onAdoptTriView)。
// 列表数据里无法逐条反查 tri_view 素材,只能用真实字段:既无采用封面(cover_asset)、又无上传主图(images)
// → 判定该商品尚未补三视图(对齐 V1「新建商品卡显缺三视图」);一旦有封面/图则判不准,不显示(别瞎标)。
const missingTri = !product.cover_asset && assetCount === 0;
return (
<div className={`product-card${selected ? " selected" : ""}`} data-cat={product.category} data-name={product.title} role="button" tabIndex={0} aria-pressed={editMode ? selected : undefined} onClick={onOpen} onKeyDown={(event) => event.key === "Enter" && onOpen()}>
<span className="card-check" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" stroke="currentColor" strokeWidth="2.5"><polyline points="3 8 7 12 13 4" /></svg></span>
@@ -318,7 +322,23 @@ export function ProductCard({ product, coverUrl = "", videoCount = 0, onOpen, on
{coverUrl ? (
<div className="product-thumb has-real-media"><img src={coverUrl} alt={product.title} loading="lazy" /></div>
) : (
<div className={`placeholder product-thumb${mock ? " has-mock-media" : ""}`} style={mock ? prodMock(mock) : undefined}><span className="ph-frame">{product.title} · 1200×800</span></div>
<div className={`placeholder product-thumb${mock ? " has-mock-media" : ""}`} style={mock ? prodMock(mock) : undefined}>
{missingTri && (
<span className="tri-missing-badge" tabIndex={0} role="button" aria-label="缺三视图,查看说明" onClick={(event) => event.stopPropagation()} onKeyDown={(event) => { if (event.key === "Enter" || event.key === " ") event.stopPropagation(); }}>
<span className="ico" aria-hidden="true"></span>
<span className="lbl-mono"></span>
<span className="tri-missing-pop" role="tooltip">
<span className="pop-h">
<svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"><path d="M12 9v4M12 17h.01" /><path d="M10.3 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z" /></svg>
MISSING TRI-VIEW
</span>
<span className="pop-body"> <b> / / </b> ,,姿</span>
<span className="pop-tip">建议:进入 <b></b> ,</span>
</span>
</span>
)}
<span className="ph-frame">{product.title} · 1200×800</span>
</div>
)}
<div className="product-body">
<div className="product-name">{product.title}</div>