fix(chat): refine markdown typography
This commit is contained in:
@@ -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 实测确认独立加粗行已渲染为 H3,H1、H2、列表和引用均为正确语义节点。
|
||||
- 完整视图已能清晰判断字号、间距、列表和引用块,无需额外放大局部截图。
|
||||
- 用户端与后台预览 `npm run build`:通过。
|
||||
- 未发现剩余 P0、P1、P2 级问题。
|
||||
|
||||
final result: passed
|
||||
|
||||
---
|
||||
|
||||
# 后台登录页视觉重构验收(2026-07-13)
|
||||
|
||||
## 对照范围
|
||||
|
||||
Reference in New Issue
Block a user