title: [ISSUE-0008] 商家列表单行高度过大 description: "商家列表,单个商家的高度继续压缩,上下空白有点大" tags: [issue] created: 2026-05-26 updated: 2026-05-26 type: issue status: fixed severity: minor
[ISSUE-0008] 商家列表单行高度过大¶
相关源码:
src/sections/page/cell-renderers.tsx、src/sections/page/local-table.tsx
用户感知的现象¶
"商家列表,单个商家的高度继续压缩,上下空白有点大"
每行商家上下留白偏大,屏幕上能看到的商家少。需要压缩 padding,但保留头像 / 文字层次。
修复方案¶
行内 py / gap / Avatar size 调小一档。具体:
- Row padding:1.5 → 1
- Avatar size:48 → 40
- 子元素间距收紧
改动文件¶
| 文件 | 改了什么 |
|---|---|
src/sections/page/local-table.tsx |
rowHeight 三档下调:32→28 / 44→40 / 64→56 |
src/sections/page/local-data-view.tsx |
默认 density 改 'standard'(原 'comfortable' 是 56px) |
验证方式¶
数据列表打开 → 同屏可见的商家从 5-6 个 → 8-9 个,文字依然可读,头像不糊。
如何避免再犯¶
- 数据密集型 UI 默认紧凑,不留装饰性 padding
- 设计稿初版要在真机/实际数据上预览,看实际信息密度
相关问题¶
- 无