fix(h5): center grouped score unit and tighten report summary spacing

2026-10-13 00:12:02 +08:00
parent 6f83f58a09
commit f1e64565b9
11 changed files with 212 additions and 204 deletions
@@ -0,0 +1,11 @@
+# 报告顶部评分与年龄排版
+
+- 分数数字与「分」组成同行整体，下面显示「综合评分」，间距 0 CSS px。两行共用水平中心线，整个分组在圆圈内水平、垂直居中。
+- 「生物可视年龄」标题与年龄数字间距 0 CSS px，作为整体与左侧圆圈竖向居中对齐。
+- 保留原文字、字号、数据和算法，不更改其他页面或服务器配置。
+
+## 验证与发布
+
+`node h5/test/report-touch-layout.mjs` 验证五种屏宽、0/75/82/100/缺失分数：单位计入分数组宽度、标题在数字下方、零间距、分组居中及年龄对齐；同时回归报告跟手切换等既有交互。测试使用模拟数据，不写报告、不调用付费检测。
+
+本地验证通过。发布沿用 Git bundle 快进同步至 `/home/ubuntu/juzi` 并重启 `juzi-h5.service`，发布后经公网重跑上述测试并核对静态资源与健康检查。不代用户推送 origin，不包含未追踪的 `new_feedback/`。
@@ -1,5 +1,7 @@
 # 评分圈内居中、基础信息页固定与正脸语音修复

+> 2026-10-13：报告顶部排版已按后续确认调整，以下 25px 年龄间距及原评分排列仅为历史记录。当前以《报告顶部评分与年龄排版-2026-10-13.md》为准；基础信息与语音修复不变。
+
 ## 范围

 1. 报告：综合评分标题和分数在圆环内上下排列，作为一个整体垂直居中，标题与数字分别水平居中。数字右侧保留「分」。年龄标题到年龄数字的边界距离固定为 25 CSS px，不随屏宽比例增大；原显示文案不更名。