feat: make root header status-bar safe

2026-07-13 10:31:52 +08:00
parent 086917224a
commit 974369587a
6 changed files with 24 additions and 6 deletions
@@ -162,7 +162,8 @@

 适用于：家谱总览、世系图、成员目录、人物档案。

- 顶部 `256–288rpx`：朱砂红，左下放置低对比祠堂屋檐线描，禁止使用满屏建筑照片。
+- 顶部采用 `124rpx` 的可视朱砂导航区，外层始终额外预留真实系统状态栏高度；左下放置低对比祠堂屋檐线描，禁止使用满屏建筑照片。
+- 自定义顶部统一使用 `height: calc(124rpx + var(--status-bar-height, 0px))` 与同等 `padding-top`；纸纹或内容背景的起点使用同一计算值，不能让状态栏挤压 Logo、标题或通知入口。
 - 根页面左上角放项目 Logo（祠堂屋檐 + “谱”字印章，透明 PNG，视觉 `40rpx`、触控区 `88rpx`）；详情页该位置优先保留返回按钮，Logo 收入建筑纹样中的小印记。
 - 搜索、通知、更多均为 `88rpx` 触控框；图标为暖白或金色线稿 PNG。通知铃铛仅在未读消息数大于 0 时显示朱砂小圆点；未读为 0 时不显示圆点和数字。
 - 家谱名称位于视觉中心，最大两行；名称下可放地域或代系提示，但不能与图标重叠。
@@ -240,7 +241,7 @@ G-01 是所有设计页的公共还原样板，不等同于最终代码。
 | 区域 | 尺寸 / 间距 | 约束 |
 | --- | --- | --- |
 | 系统状态栏 | `24dp` | 只预留系统空间，不放页面内容。 |
-| 家祠红头 | `112dp`（含标题区） | Logo 左 `16dp`，标题居中，铃铛右 `16dp`；红头结束后不得出现大块空白。 |
+| 家祠红头 | `124rpx` 可视导航区 + 真实状态栏高度 | Logo 左 `16dp`，标题居中，铃铛右 `16dp`；红头结束后不得出现大块空白。 |
 | 当前家谱题签 | 顶距 `16dp`，高 `136dp`，左右 `16dp` | 只展示当前家谱一次；名称、成员数、地域、身份均为真实字段。 |
 | 快捷入口 | 题签后 `16dp`，行高 `84dp` | 四项等宽；图标实际 `24dp`，标签 `14sp`，不使用大号装饰图。 |
 | 分隔与列表标题 | 上距 `16dp`，标题区 `36dp` | 细古金线 + “我创建的 / 我加入的”，不能留无内容的整屏空白。 |