fix(chat): refine markdown typography

This commit is contained in:
2026-07-17 14:33:26 +08:00
parent c7bafda135
commit 9173267e09
6 changed files with 96 additions and 24 deletions

View File

@@ -51,6 +51,41 @@ final result: passed
---
# Markdown 长回答排版修复验收2026-07-17
## 对照范围
- 问题截图:`/var/folders/hn/vg5lxj0j60d2cp0k6vv_k0mw0000gn/T/codex-clipboard-dc66a8a3-c423-4661-b29a-9c917754b888.png`
- 修复后完整页面:`test_records/screenshots/Markdown排版_修复后.png`
- 视口1135 × 874用户端 430px 固定聊天容器。
- 状态:真实历史消息接口,包含 H1、H2、独立加粗小标题、正文、列表和引用块。
## 比较历史
- [P1] 修复前:模型常用的独立 `**加粗文本**` 只显示为加粗正文,没有标题字号和上下间距层级。
- [P1] 修复前:正文行高、段落底部间距、列表条目间距和引用块上下间距叠加,长回答出现过大断层。
- 修复:独立且不超过 48 字的加粗行按 H3 小标题渲染;普通行内加粗保持原语义。
- 修复:用户端与后台预览统一收紧段落、列表、引用和标题间距,并补齐 H5、H6 和分隔线样式。
## 必查视觉面
- 字体与排版:用户端实测 H1/H2/H3/正文为 20/18/17/15px标题层级清楚正文行高 25.5px。
- 间距与布局:标题上下间距为 15/6px段落底部 8px列表条目 3px引用块顶部 9px没有大块空白或水平溢出。
- 颜色与令牌:继续使用现有深墨绿正文、雾绿引用背景和边框令牌,未引入新色系。
- 图像与资源:本次为文本排版修复,无新增图像、图标或外部资源。
- 文案与内容Markdown 原文未被更改,只在展示层识别独立加粗小标题。
## 交互与工程检查
- DOM 实测确认独立加粗行已渲染为 H3H1、H2、列表和引用均为正确语义节点。
- 完整视图已能清晰判断字号、间距、列表和引用块,无需额外放大局部截图。
- 用户端与后台预览 `npm run build`:通过。
- 未发现剩余 P0、P1、P2 级问题。
final result: passed
---
# 后台登录页视觉重构验收2026-07-13
## 对照范围