# 审计记录:board-finance line-height 全量补齐 - 日期:2026-03-13 - Prompt:遵循 docs/miniprogram-dev 下各文档的规范,配合 tools/h5-to-mp-checker 的脚本,对看板-财务进行原型图的比对,输出比对文档。并修复。 ## 直接原因 运行 `h5-to-mp-checker` 工具检测到 45 处严重问题,均为 line-height 缺失。H5 原型中 Tailwind 字号类(text-xs/text-sm/text-base/text-lg)捆绑了 line-height,但小程序 WXSS 只写了 font-size 未写 line-height,导致行高回退微信默认值。 ## 改动方案 对 `board-finance.wxss` 中 20 个选择器补齐 line-height: - text-xs(11px)对应选择器 → `line-height: 28rpx`(16px × 2 × 0.875 = 28) - text-sm(14px)对应选择器 → `line-height: 34rpx`(20px × 2 × 0.875 ≈ 35 取偶 34) - text-base(16px)对应选择器 → `line-height: 42rpx`(24px × 2 × 0.875 = 42) - emoji 元素 → `line-height: 1` ## 文件清单 | 文件 | 变更类型 | |------|----------| | `apps/miniprogram/miniprogram/pages/board-finance/board-finance.wxss` | 修改(20 处 line-height 补齐) | | `docs/reports/board-finance-h5-mp-audit.md` | 重写(工具原始报告 → 人工审阅报告) | ## 风险评估 - 风险等级:低 - 影响范围:仅 board-finance 页面的文本行高 - line-height 补齐不影响布局逻辑,仅使文本块高度更精确 ## 回滚方案 删除各选择器中新增的 `line-height` 属性行即可回退。 ## 验证方式 1. 微信开发者工具预览 board-finance 页面,对比 H5 原型截图 2. 重新运行 `h5-to-mp-checker` 确认严重问题数降为 0(仅剩 emoji 元素的预期差异)