feat: align G01 shared visual shell

This commit is contained in:
rain
2026-07-13 09:56:45 +08:00
parent 79c195cb0d
commit 6db93d8c1b
4 changed files with 28 additions and 19 deletions
+7 -7
View File
@@ -29,7 +29,7 @@ const switchTab = (item) => {
left: 0; left: 0;
z-index: 20; z-index: 20;
display: flex; display: flex;
height: 128rpx; height: 112rpx;
padding-bottom: env(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom);
box-sizing: content-box; box-sizing: content-box;
border-top: 1rpx solid $gold-soft; border-top: 1rpx solid $gold-soft;
@@ -38,24 +38,24 @@ const switchTab = (item) => {
.tab-item { .tab-item {
display: flex; display: flex;
min-height: 96rpx; min-height: 88rpx;
flex: 1; flex: 1;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
padding: 10rpx 0 8rpx; padding: 4rpx 0;
box-sizing: border-box; box-sizing: border-box;
} }
.tab-icon { .tab-icon {
width: 56rpx; width: 64rpx;
height: 56rpx; height: 64rpx;
margin-bottom: 5rpx; margin-bottom: 2rpx;
} }
.tab-label { .tab-label {
color: $ink-muted; color: $ink-muted;
font-size: 28rpx; font-size: 30rpx;
letter-spacing: 2rpx; letter-spacing: 2rpx;
line-height: 1.2; line-height: 1.2;
} }
+11 -11
View File
@@ -47,7 +47,7 @@ const goBack = () => uni.navigateBack()
.page-header--root { .page-header--root {
position: relative; position: relative;
z-index: 3; z-index: 3;
height: 184rpx; height: 164rpx;
padding-top: env(safe-area-inset-top); padding-top: env(safe-area-inset-top);
background-color: #b52e22; background-color: #b52e22;
overflow: hidden; overflow: hidden;
@@ -67,12 +67,12 @@ const goBack = () => uni.navigateBack()
.header-hall { .header-hall {
position: absolute; position: absolute;
bottom: -8rpx; bottom: -2rpx;
left: -34rpx; left: -48rpx;
z-index: 1; z-index: 1;
width: 368rpx; width: 476rpx;
height: 147rpx; height: 166rpx;
opacity: .16; opacity: .29;
pointer-events: none; pointer-events: none;
} }
@@ -139,14 +139,14 @@ const goBack = () => uni.navigateBack()
font-family: 'STKaiti', 'KaiTi', serif; font-family: 'STKaiti', 'KaiTi', serif;
font-size: 48rpx; font-size: 48rpx;
letter-spacing: 5rpx; letter-spacing: 5rpx;
transform: translateY(8rpx); transform: translateY(2rpx);
} }
.page-header--root .header-logo { .page-header--root .header-logo {
width: 88rpx; width: 80rpx;
height: 88rpx; height: 80rpx;
transform: translate(-8rpx, -12rpx); transform: translate(-6rpx, -6rpx);
} }
.page-header--root .header-notice { transform: translateY(10rpx); } .page-header--root .header-notice { transform: translateY(4rpx); }
</style> </style>
@@ -104,3 +104,12 @@
- 当前题签恢复标题与元信息之间的细金线;短字段确保 430px 验收宽度内三组元信息同一行显示。 - 当前题签恢复标题与元信息之间的细金线;短字段确保 430px 验收宽度内三组元信息同一行显示。
- 列表谱印固定为竖排“家谱”;右侧角色与箭头改为同一水平基线;“更新于”保留为文本,移除参考稿中不存在的日历图标和对应闲置资产。 - 列表谱印固定为竖排“家谱”;右侧角色与箭头改为同一水平基线;“更新于”保留为文本,移除参考稿中不存在的日历图标和对应闲置资产。
- 新增字段/基线契约先失败后通过。完整验证再次通过:G-01 视觉契约、PNG 透明角审计、编译审计、SCSS 注入审计、Vue 3 入口审计。仍待用户提供 HBuilderX 新截图完成视觉验收。 - 新增字段/基线契约先失败后通过。完整验证再次通过:G-01 视觉契约、PNG 透明角审计、编译审计、SCSS 注入审计、Vue 3 入口审计。仍待用户提供 HBuilderX 新截图完成视觉验收。
## 2026-07-13 第七轮结构、屋檐与祥云校正
- 当前家谱题签由“谱印 + 右侧文案列”改为两层结构:上层为谱印和名称,下层为金线分隔后的地点、成员数、管理员三组元信息;三组元信息不再受谱印列宽挤压。
- 家谱列表由独立的左侧内容列与右侧操作列改为单一主内容区:第一行是标题、角色与箭头,第二行是地点、成员数与“更新于”日期;`320px` 宽度仅隐藏日期,保留其余信息。
- 根页头收窄至 `164rpx`;放大并提高现有祠堂屋檐线稿的可见度,保持其位于 Logo 和标题之后。Tabbar 容器收窄,图标和标签同步提升视觉重量。
- 内容左右边距收至 `32rpx`,快捷入口到列表的无效留白减少;山水竹影扩展至两条列表和新建按钮后方,仍低于所有文字和操作层。
- `action/create-cloud-v1.png` 已由独立透明 PNG `action/create-cloud-v2.png` 替换;v2 使用项目生成的古金线描祥云,四角透明且有效图形审计通过,旧资产已移除。
- 已通过:更新后的 G-01 视觉契约、PNG 透明审计和编译审计。仍待 HBuilderX 的 `360 × 800``320 × 568` 截图与 v5 参考稿并排确认,G-01 不标记为设计完成。
+1 -1
View File
@@ -97,7 +97,7 @@
### 5.3 家谱:创建、加入与管理入口 ### 5.3 家谱:创建、加入与管理入口
- [x] G-01 信息层级与谱印施工:元信息图标、谱印框、快捷入口、列表双层信息和新建云纹已实现并通过资产/编译审计;待 HBuilderX 同尺寸截图验收,故完整 G-01 仍未勾选。 - [x] G-01 信息层级与谱印施工:元信息图标、谱印框、快捷入口、当前题签两层结构、列表两行信息、页头屋檐、紧凑 Tabbar 与新建祥云 v2 已实现并通过资产/编译审计;待 HBuilderX 同尺寸截图验收,故完整 G-01 仍未勾选。
- [ ] G-01 我的家谱列表(已创建、已加入、搜索入口、通知入口)。 - [ ] G-01 我的家谱列表(已创建、已加入、搜索入口、通知入口)。
- [ ] G-02 无家谱空状态(创建家谱 / 搜索加入)。 - [ ] G-02 无家谱空状态(创建家谱 / 搜索加入)。
- [ ] G-03 创建家谱表单(名称、地域、简介、公开范围)。 - [ ] G-03 创建家谱表单(名称、地域、简介、公开范围)。