验收完成40%
This commit is contained in:
+195
-1
@@ -1,3 +1,60 @@
|
||||
# Design QA — G 模块公共 C 背景贴底自适应
|
||||
|
||||
- source visual truth path: `design-pipeline/generated/g01-background/g01-list-background-direction-c.png`
|
||||
- implementation screenshot path: `docs/design/screens/runtime/2026-07-16/G01-shared-c-bottom-412x915.png`;超高屏压力证据 `G01-shared-c-bottom-412x1000.png`
|
||||
- viewport: 412×915;另查 320×568、360×640、360×800,并增加 412×1000 压力测试
|
||||
- state: G01 默认三分组列表,公共 C 背景按宽度等比完整显示并固定贴底,上方宣纸底承接
|
||||
- full-view comparison evidence: 同一比较输入内打开 C 原始输出与 412×915 真实 H5 截图,核对左右竹枝、左侧亭台、下方山水均完整保留并落在列表下半区,没有 `aspectFill` 横向裁剪
|
||||
- focused region comparison evidence: 另查 320×568、360×640、360×800、412×1000,确认图片宽度始终等于视口宽度、高度保持 2:3、底边贴合视口底部,高屏多出的宣纸区位于上方且不纵向拉伸
|
||||
|
||||
## Findings
|
||||
|
||||
当前没有公共 C 背景贴底自适应相关的 P0/P1/P2 问题。
|
||||
|
||||
- 字体与层级:背景没有烘焙文字,页面原有标题、卡片和状态文字保持独立节点;中央低对比留白没有削弱主要层级。
|
||||
- 间距与布局:背景固定贴底后,亭台、湖面和山体承托“我创建的”“我加入的”“加入申请”区域;高屏多出的宣纸区移动到当前家谱卡片和快捷入口附近,主要被内容覆盖。内容与 Tabbar 尺寸未改变,四档视口没有新增横向溢出或主操作裁切,320×568 保持自然纵向滚动。
|
||||
- 色彩:暖宣纸、淡金竹影和灰褐山水与现有朱砂、古金、墨褐体系一致;审核中和被拒绝状态色仍可识别。
|
||||
- 图片质量:公共运行资产与 C 构建输出 SHA-256 完全一致,使用 `widthFix` 保留完整 2:3 画面,没有 `aspectFill` 裁剪、`scaleToFill` 拉伸、透明边或绿幕残留。
|
||||
- 文案与内容:本轮只替换背景,不改变 G01 的谱名、分组、申请状态或操作文案。
|
||||
|
||||
## Comparison history
|
||||
|
||||
1. 首轮截图只有宣纸色,定位为页面缺少公共组件显式 import;加入契约后补齐 9 页 import。
|
||||
2. 第二轮顶部对齐截图完整显示左右画面,但图片结束后的纯宣纸区落在“加入申请”下半区,用户要求继续优化。
|
||||
3. 第三轮只使用现有 C 图并改为固定贴底;四档截图中下半区空白显著减少,同轮源图/实现对照没有发现 P0/P1/P2 差异。
|
||||
4. 用户确认额外增加 412×1000 超高屏压力测试;真实截图中新增高度落在当前家谱卡片和快捷入口附近,下方山水继续覆盖列表,未发现横向溢出、裁剪或拉伸。
|
||||
|
||||
## Evidence limits
|
||||
|
||||
本段仅记录已经被后续旗舰长背景替代的公共 C 背景贴底历史候选。固定区/独立滚动结构已在后续同日形成新的 H5 候选;G01 整页与 Android/HBuilderX 真机或模拟器仍未验收。
|
||||
|
||||
final result: passed
|
||||
|
||||
---
|
||||
# Design QA — 全模块基础视觉系统(无截图验证)
|
||||
|
||||
- source specification: `docs/superpowers/specs/2026-07-16-global-heritage-visual-system-design.md`
|
||||
- implementation handoff: `docs/design/全模块长背景与A系列控件交接.md`
|
||||
- scope: 52 个活动页面的 A 系列控件统一、普通页返回箭头、G 系列共享母体,以及 T/F/R/N/M 独立长背景
|
||||
- evidence mode: 用户明确要求本轮不生成截图,因此只记录可重复构建资产、静态契约和 H5 运行 smoke,不把本节冒充视觉截图审计
|
||||
|
||||
## Findings
|
||||
|
||||
- A 系列透明卷轴按钮、对话框、Toast 和自定义 Loading 已建立统一组件;活动页面与组件中的原生 Toast、Modal、Loading、ActionSheet 调用以及旧不透明 A01 按钮引用均已清零。
|
||||
- G 系列继续消费既有 G01 公共长背景;G01 元数据、角色和更新时间文字提高字重与对比度。T/F/R/N/M 分别消费独立的 1440×3600 RGB 长背景,并共享浅色国风主题。
|
||||
- 普通页面标题栏以真实左箭头替代“返回”文字;根页面品牌标题栏保持原结构。
|
||||
- 静态契约与无截图 H5 运行 smoke 覆盖 G、T、根页面及共享 ModulePage 的主要状态、按钮事件、导航和自定义弹层。
|
||||
|
||||
## Evidence limits
|
||||
|
||||
- 本轮没有生成或比较新的实现截图,不能据此宣称逐页视觉 QA 已完成。
|
||||
- 52 页仍全部为内部基础候选,尚未获得用户逐页正式验收。
|
||||
- Android/HBuilderX 的系统字体、状态栏、返回手势、软键盘以及 4GB 设备长图解码与回收仍待验证。
|
||||
|
||||
final result: contract/runtime passed (visual review and Android verification pending)
|
||||
|
||||
---
|
||||
|
||||
# Design QA — A01 卷轴祥云四件套 v3
|
||||
|
||||
- approved visual source: `docs/design/assets/a01-vnext/A01-shared-scroll-skins-with-dialog-approved.png`
|
||||
@@ -456,7 +513,7 @@ final result: user H5 visual review passed for implemented states; real slider,
|
||||
|
||||
# Design QA — A01 红色宗祠水墨登录页
|
||||
|
||||
- source visual truth path: `docs/design/screens/handoff/2026-07-16/A01-selected-password-red-hall-ink-412x915.png`、`docs/design/screens/handoff/2026-07-16/A01-selected-sms-red-hall-ink-412x915.png`
|
||||
- source visual truth path: `docs/design/assets/a01-vnext/source/A01-layered-source-v1.psd`;长期实现代表证据为 `docs/design/screens/handoff/2026-07-16/A01-current-password-sms-contact-824x915.png`
|
||||
- implementation screenshot path: `docs/design/screens/runtime/2026-07-16/A01-password-final-412x915.png`、`docs/design/screens/runtime/2026-07-16/A01-sms-final-412x915.png`
|
||||
- viewport: 412×915;另查 320×568、360×640、360×800
|
||||
- state: 密码登录、短信验证码登录;运行 smoke 另查协议页内错误与自定义行为验证层
|
||||
@@ -567,3 +624,140 @@ final result: passed
|
||||
H5 Chrome 截图不能证明 Android 真机字体放大、读屏语义、系统返回手势、软键盘遮挡和所有触摸目标;这些项目不在本轮候选 QA 中冒充完成,留到用户视觉审核后的 Android 设备复核。
|
||||
|
||||
final result: passed (internal candidate QA only; user review pending)
|
||||
# Design QA — G01 旗舰长屏公共背景
|
||||
|
||||
- source visual truth path: `static/assets/modules/genealogy/opaque/genealogy-page-background-long.png`
|
||||
- implementation screenshot path: `docs/design/screens/runtime/2026-07-16/G01-shared-long-background-412x915.png`
|
||||
- additional responsive evidence: `G01-shared-long-background-320x568.png`、`360x640.png`、`360x800.png`、`412x1000.png`(同目录)
|
||||
- viewport: 412×915;另查 320×568、360×640、360×800、412×1000
|
||||
- state: G01 默认三分组列表,公共背景固定贴底
|
||||
- full-view comparison evidence: 同一比较输入内打开 1440×3600 源图与 320×568、412×915、412×1000 实现截图,核对全屏覆盖、画面连续性和响应式裁切
|
||||
- focused region comparison evidence: 不另做局部裁图;横向分界线、左右边缘、顶部竹枝和底部山水在全尺寸原图及原像素实现截图中均可直接辨认
|
||||
|
||||
## Findings
|
||||
|
||||
没有遗留的 H5 P0/P1/P2 问题。
|
||||
|
||||
- 字体与排版:本轮未改变页面字体、字号、行高和文案;背景中央保持低对比,未压低标题、卡片和状态文字可读性。
|
||||
- 间距与布局:背景层固定全屏且不参与布局;320×568 允许自然滚动,五档均无横向溢出,底栏未被背景层遮挡。
|
||||
- 颜色与视觉令牌:暖灰宣纸、淡金竹影和灰褐山水连续覆盖视口;旧 C 图与 `#e7ded1` 的明显横向拼接线不再出现。
|
||||
- 图片质量与资产一致性:原稿、1536×3840 母版和 1440×3600 运行图均为真实位图;`widthFix` 保证左右完整且不拉伸,短屏只裁顶部安全区。
|
||||
- 文案与内容:背景无文字、Logo、UI、按钮或红色污染;页面现有业务文案未改变。
|
||||
- 交互与运行:G01 空态、添加弹层、当前家谱切换、loading/error 和五档响应式 smoke 通过;截图脚本检查浏览器异常和 `console.error`。
|
||||
|
||||
## Comparison history
|
||||
|
||||
1. 旧方案 P1:1024×1536 C 图固定贴底,高屏上方由纯色宣纸承接,出现明显横向分界线。
|
||||
2. 当前方案:用户确认连续长图后,改用 1440×3600 单张背景覆盖最高压力档;五档复核未见分界线、左右裁切或拉伸。
|
||||
|
||||
## Evidence limits
|
||||
|
||||
当前结论只覆盖 HBuilderX H5 + Chrome 内部候选。尚未完成 Android/HBuilderX 真机或模拟器复核,也未验证 4GB Android 上约 19.8MiB 解码内存、切页和回收;本结论不表示 G01 整页验收或冻结。
|
||||
|
||||
## Implementation checklist
|
||||
|
||||
- [x] 用户确认旗舰长屏方向
|
||||
- [x] 原稿、归一化母版、运行图和清单可恢复
|
||||
- [x] 9 个活动 G 页面仍只使用一个共享背景组件
|
||||
- [x] 五档 H5、背景静态契约和 G 页面运行 smoke
|
||||
- [ ] Android/HBuilderX 与 4GB Android 图片性能复核
|
||||
- [x] G01 固定区/独立滚动方向已确认并形成五档 H5 候选
|
||||
- [ ] G01 整页用户验收
|
||||
|
||||
final result: passed
|
||||
|
||||
---
|
||||
# Design QA — G01 固定信息区与独立列表滚动
|
||||
|
||||
- source visual truth path: `docs/superpowers/specs/2026-07-16-g01-fixed-header-independent-list-scroll-design.md`
|
||||
- interactive design reference: `.superpowers/brainstorm/120-1784206869/content/g01-scroll-layout-comparison.html`(本机可再生成设计会话,不作为长期交接证据)
|
||||
- implementation screenshot path: `docs/design/screens/runtime/2026-07-16/G01-fixed-list-scroll-412x915.png`
|
||||
- additional responsive evidence: `G01-fixed-list-scroll-320x568.png`、`360x640.png`、`360x800.png`、`412x1000.png`(同目录)
|
||||
- viewport: 412×915;另查 320×568、360×640、360×800、412×1000
|
||||
- state: 已有家谱正常态,列表滚动 135px;另查添加家谱弹层、切换家谱回顶、loading、error、empty
|
||||
- full-view comparison evidence: 同一比较输入内打开改前 412×915、改后 320×568、改后 412×915 和改后 412×1000,核对固定范围、列表裁切边界、底栏和背景连续性
|
||||
- focused region comparison evidence: 固定区和列表边界在原像素全页图中可直接辨认;运行 smoke 另以元素矩形坐标验证滚动前后固定元素位移不超过 1px,因此不另建局部裁图
|
||||
|
||||
## Findings
|
||||
|
||||
没有遗留的 H5 P0/P1/P2 问题。
|
||||
|
||||
- 字体与排版:标题、当前谱名、快捷入口、分组标题、卡片和申请状态的字体、字号与行高未改变;320×568 未压缩字号。
|
||||
- 间距与布局:标题栏、当前家谱卡、四快捷入口、金色分隔线和底部导航固定;三组标题、卡片及“添加家谱”在单一滚动区内移动。加入申请相邻卡继续保持 `12rpx`。
|
||||
- 颜色与视觉令牌:未改变朱砂、古金、暖宣纸和状态色;滚动边界没有增加阴影、渐变或新的视觉层。
|
||||
- 图片质量与资产一致性:公共 1440×3600 长背景继续固定全屏,不随内部列表滚动;现有卡框、谱印、快捷图标、分隔线和底栏资产未替换、裁切或拉伸。
|
||||
- 文案与内容:页面文案、分组顺序、申请状态和“添加家谱”入口未改变。
|
||||
- 交互与运行:五档运行 smoke 验证固定元素位置变化不超过 1px、列表内容确实位移、滚到底可完整点击“添加家谱”;弹层开关保持列表位置,切换当前家谱后回顶。loading、error、empty 保持原布局。
|
||||
|
||||
## Comparison history
|
||||
|
||||
1. 改前:整个 G01 内容随页面滚动,当前家谱与四快捷入口会离开视口。
|
||||
2. 可操作示意稿:用户选择“上方固定、下方列表独立滚动”,并确认异常状态继续使用原布局。
|
||||
3. 实现后:五档 H5 均形成可计算的列表高度,固定区不移动;未发现横向溢出、底栏遮挡或滚动穿透。
|
||||
|
||||
## Evidence limits
|
||||
|
||||
当前结论只覆盖 HBuilderX H5 + Chrome 内部候选。Android/HBuilderX 真机或模拟器上的惯性、短暂系统滚动指示条、状态栏、安全区、返回现场和 4GB 设备性能仍未验证;用户已查看本次实际 H5 实现并确认共享背景浓度,但未给出 G01 整页正式验收,因此不表示 G01 已验收或冻结。
|
||||
|
||||
## Implementation checklist
|
||||
|
||||
- [x] 正常态上方固定、列表单独滚动
|
||||
- [x] loading/error/empty 保持原布局
|
||||
- [x] 五档尺寸、弹层位置保持、切换家谱回顶、底部入口可达
|
||||
- [x] 公共背景图片画层按后续确认统一调整为 28% 不透明度,页面结构与背景资产不变
|
||||
- [x] 用户查看实际 H5 页面
|
||||
- [ ] Android/HBuilderX 与 4GB Android 性能复核
|
||||
- [ ] G01 整页验收
|
||||
|
||||
final result: passed
|
||||
|
||||
---
|
||||
# Design QA — G 模块公共背景 28% 不透明度
|
||||
|
||||
- source visual truth path: `docs/superpowers/specs/2026-07-16-genealogy-background-opacity-design.md`
|
||||
- implementation screenshot path: `docs/design/screens/runtime/2026-07-16/G01-fixed-list-visible-audit-412x915.png`
|
||||
- additional responsive evidence: `G01-fixed-list-scroll-320x568.png`、`360x640.png`、`360x800.png`、`412x915.png`、`412x1000.png`(同目录)
|
||||
- viewport: 412×915 初始位置;另查五档滚动状态
|
||||
- state: G01 已有家谱正常态,共享长背景图片画层使用 `opacity: 0.28`
|
||||
|
||||
## Findings
|
||||
|
||||
没有遗留的 H5 P0/P1/P2 问题。
|
||||
|
||||
- 视觉层级:竹枝、山水和亭台退为淡水印,标题、卡框、文字、状态色和底部导航保持原有不透明度。
|
||||
- 布局与图片:背景继续 `widthFix` 固定贴底,左右完整显示;五档未新增横向溢出、接缝、底栏遮挡或滚动结构变化。
|
||||
- 组件边界:透明度由 `GenealogyPageBackground.vue` 单一持有,9 个活动 G 页面没有页面级覆盖;运行 PNG 和可恢复母版未重制。
|
||||
- 运行:共享背景契约完成 RED/GREEN/回归证明;G01、G03、G05、G06、G08–G10、G11–G12 六组运行 smoke 通过。
|
||||
|
||||
## Evidence limits
|
||||
|
||||
当前仅覆盖 H5 + Chrome 内部候选。用户确认的是 28% 背景浓度,不等于 G01 或其他 G 页面整页验收;Android/HBuilderX 与 4GB Android 长图解码、切页和回收仍待复核。
|
||||
|
||||
final result: passed (internal candidate QA only)
|
||||
|
||||
---
|
||||
# Design QA — G01 申请次要文字可读性
|
||||
|
||||
- source visual truth path: `docs/superpowers/specs/2026-07-16-g01-secondary-text-legibility-design.md`
|
||||
- before screenshot: `docs/design/screens/runtime/2026-07-16/g01-text-legibility-audit/01-current-list.png`
|
||||
- first-round screenshot: `docs/design/screens/runtime/2026-07-16/g01-text-legibility-audit/02-enhanced-list.png`
|
||||
- final B screenshot: `docs/design/screens/runtime/2026-07-16/g01-text-legibility-audit/03-b-medium-weight.png`
|
||||
- viewport: 412×915;另查 320×568、360×640、360×800、412×1000
|
||||
- state: G01 已有家谱正常态,内部列表滚到“加入申请”区域
|
||||
|
||||
## Findings
|
||||
|
||||
没有遗留的 H5 P0/P1/P2 问题。
|
||||
|
||||
- 说明文字首轮从 `23rpx / #776b5c` 调整为 `26rpx / #62584c / 1.4`,用户认为变化仍不明显;最终 B 方案为 `28rpx / 500 / #62584c / 1.4`,412px 视口实测约 15.38px,估算对比度在宣纸与背景承接色上约为 6.13:1 和 5.22:1。
|
||||
- 状态文字首轮从 `23rpx / 400` 调整为 `25rpx / 500`,最终 B 方案为 `27rpx / 600`,412px 视口实测约 14.83px;审核中使用 `#7f4f16`,估算对比度约为 6.11:1 和 5.20:1;被拒绝保留语义红,已退出使用更深 muted 色。
|
||||
- 五档截图未见说明与状态/箭头重叠,卡片高度、12rpx 连续间距、固定区、独立滚动和底栏均未改变。
|
||||
- 共享 `GenealogyCard.vue` 的“更新于”等文字不在本轮范围,未随手修改。
|
||||
|
||||
## Evidence limits
|
||||
|
||||
对比度为基于 CSS 色值和两种代表底色的估算,不能代替 Android 真机面板、户外亮度、系统字体缩放或读屏复核;本轮不表示 G01 整页已验收。
|
||||
|
||||
final result: passed (internal candidate QA only)
|
||||
|
||||
---
|
||||
|
||||
Reference in New Issue
Block a user