交付出件箱

帧6/帧7 与现网真图一致性核对清单(第20项 · 2026-09-02)

对照基准(唯一真源,已真机截图):
- /tmp/parent-list-real.png(家长端检查记录列表页,test.tongban.love 真实渲染)
- /tmp/parent-detail-real.png(家长端检查单详情页,test.tongban.love 真实渲染)
- 源码:web/app/h5/family/[id]/page.tsx

并排对比图(本次新产出):
- /tmp/compare-list-20260902.png(现网列表页 vs 帧6)
- /tmp/compare-detail-20260902.png(现网详情页 vs 帧7 A态)

一、结构(structure)

项	现网真图	新图(帧6/7)	结论
页头	圆形返回箭头 + 标题,白底	帧7 detail-head 同款圆返回箭头 + "检查单详情"标题	一致
列表卡整体结构	日期行(日历图标+日期+状态药丸+右侧"查看›")→分割线→2×2数据格	帧6三张卡同结构:日期+徽章组+"查看›"→分割线(`.pfam-divider`)→2×2 `.pfam-cell`	一致
空值占位	未填字段显示"—"(灰色破折号,非空白非0)	帧6第三卡(个人录入态)眼轴/眼压格用"— / —"	一致
详情页分组结构	分组标签(小号大写字距)→白卡表格→OD/OS双色圆点表头→逐行(标签左/数值右对齐)	帧7两态每组沿用同结构(`.pfam-sec-label`+`.pfam-eyehead`+`.pfam-eyerow`)	一致
单值行(视功能部分项)	标签左/单值右对齐,行间分割线	`.pfam-drow` 同结构,用于立体视/AC-A/评估结论/备注	一致
新增元素:机构录入/门店解读徽章、门店结论卡	现网无(现网详情页目前无门店结论卡,列表页无来源徽章)	帧6/7 用橙虚线框+"新增"标签标出,徽章样式取自现网既有 `.pfam-badge` 药丸语言,非现网原生元素	按规范:新增元素已用统一标注法标出,非冒充现网已有

二、颜色(colors,数值取自 mockup 物理 CSS,非目测)

元素	现网真图目测	新图 CSS 实际值(已 grep 确认)	结论
主强调色(查看链接/OD圆点/绿色徽章字)	深青绿	`#157c67`(`.pfam-view` / `.pfam-badge-detail` color)	一致(同色号,非新配色)
数据格底色	浅绿灰	`#f3faf6`(`.pfam-cell` background)	一致
卡片边框	极浅灰绿描边	`#e3eee7`(`.pfam-card` border)	一致
OS(左眼)圆点	蓝色	沿用 `.pfam-eyehead .dot` 现有 inline 配色(蓝),与视力/生物测量/眼部检查/本次验光等既有已验收卡片同源	一致(非本次新配色,复用已验收色值)
门店解读/机构录入次级徽章	现网无对照(新元素)	`background:#eef4f9; color:#43617a`(既有 pill-neutral 变体,非自造色)	复用文件内既有色值,未新造颜色

三、圆角(border-radius)

元素	现网真图目测	新图实际值	结论
卡片外框	明显大圆角(约 18-20px 级)	`.pfam-card border-radius: 20px`	一致
数据格/徽章内格	中等圆角	`.pfam-cell border-radius: 12px`	一致
状态药丸/徽章	全圆(胶囊)	`.pfam-badge / .pfam-badge-detail border-radius: 999px`	一致

四、字号(font-size)

元素	现网真图目测	新图实际值	结论
分组小标题(大写字距)	小号、加粗、灰绿	`.pfam-sec-label font-size: 10.5px`	一致
数据行数值(加粗黑)	中大号加粗	`.pfam-eyerow .v / .pfam-drow .v font-size: 15px`	一致
数据行标签	中号	`.pfam-eyerow .k / .pfam-drow .k font-size: 13px`	一致
徽章文字	小号加粗	`.pfam-badge* font-size: 10.5px`	一致

五、已知且已披露的主动偏离(非缺陷)

帧7 眼压分组位置:现网详情页眼压仍归"生物测量"组;帧7(与帧4/帧5 同步)按 9-01 拍板的「基础测量」新分组(眼压+瞳距+瞳高合框),已在帧7 组内用橙色批注文字标出出处("9-02 长官打回原图仅画 2 态…"及帧4 注记"9-01 五次拍板追加"),不是照抄现网、是既定前瞻设计,已记入 memory project-stage2-linkage-and-logo-bug.md。
帧6 门店结论/来源徽章:现网列表/详情页当前均无此类元素,帧6/7 增补部分均用橙虚线框+文字"新增"标签逐一标出,未混入既有真实元素冒充现网已有。

六、验证方式说明

结构/圆角/字号:通过 node ~/render-env/browse.js 对 tablet-3level-portrait-mockup-20260901.html 做 clip 截图(帧6/帧7 独立裁片),与 /tmp/parent-list-real.png /tmp/parent-detail-real.png 并排合成对比图(PIL 脚本 /tmp/compose_compare.py),肉眼逐项核对
颜色/圆角/字号数值:直接 grep 物理读取 mockup 文件内 .pfam-* CSS 规则真实数值,不是目测猜测
现网真图来源:9-01 会话已用 test.tongban.love 真机浏览器截取,本次未重新截图(该图未过期,家长端详情页结构未变)

七、9-02 拍板后续说明

本清单成文时(9-02 第20项)帧6/帧7 与现网结构/颜色/圆角/字号核对均为"一致",未记有"帧6 缺验光方式标签"类差异项(经 grep 复核确认,见下方查询范围)。9-02 长官另行拍板:恢复现网"验光方式"标签(首行=日期+验光方式(现状样式)+查看›;来源徽章+门店解读小标另起第二行,新增)。该项属新增拍板口径,非本清单核对出的既有差异,已同步写入 /home/dev2/reports/stage2-overall-plan-20260901.md 七、2。

查询范围声明:上述"未记有差异项"结论基于 grep -n "验光方式\|缺失\|缺少\|差异" frame6-7-vs-real-consistency-check-20260902.md 全文 0 命中;对照组 grep -n "帧6" 同文件命中 5+ 处,证明查法有效、非查询语法失效导致的假 0。