40 lines
2.1 KiB
Markdown
40 lines
2.1 KiB
Markdown
# 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 已通过。
|