2.1 KiB
2.1 KiB
G 模块公共背景 28% 透明度设计
状态
- 日期：2026-07-16
- 用户决定：公共长背景画层使用
28%不透明度。 - 当前阶段：设计已确认，尚未修改正式组件，尚未形成新的 H5 或 Android 验收结论。
目标
降低连续长背景中竹枝、山水和亭台的视觉重量，让标题、卡片、列表文字和状态信息成为明确主体，同时保留浅色国风宣纸氛围。
作用范围
唯一修改所有者为 components/GenealogyPageBackground.vue。
该共享组件当前由 9 个活动 G 页面使用，因此透明度决定统一覆盖：G01、G03、G05、G06、G08、G09、G10、G11、G12。不得在各页面重复定义透明度，也不得只为 G01 添加局部覆盖。
视觉规则
- 仅对
.genealogy-page-background__art图片画层设置opacity: 0.28。 - 组件底部的宣纸承接色
#e7ded1保持不变，避免整页透出宿主页面颜色。 - 标题栏、当前家谱卡、快捷入口、列表卡、弹窗、文字、状态色和底部导航保持原有不透明度。
- 背景继续使用
widthFix、固定贴底、左右完整显示的现有规则；不得改变图片尺寸、裁切方式或滚动行为。 - 该透明度是 28%，不是把图片文件重新烘焙成半透明 PNG；运行资产和可恢复母版不重制。
验证
- 静态合同确认透明度由共享组件唯一持有，值为
0.28，各 G 页面没有重复覆盖。 - 运行验证覆盖 320×568、360×640、360×800、412×915，并保留 G01 的 412×1000 压力档。
- 视觉截图核对文字、卡框和按钮未被同步变淡，背景仍连续、左右不裁剪，底栏未被遮挡。
- H5 截图只作为内部候选证据；Android/HBuilderX 真机或模拟器仍需另行复核，特别关注 4GB Android 的长图解码、切页和回收。
非目标
- 不修改 G01 固定区／独立列表滚动结构。
- 不重做背景图，不新增主题或深色模式。
- 不修改其他模块页面，不对接接口。
- 不把本次透明度选择写成 G01 整页已验收或 Android 已通过。