跳转至

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.tsxsrc/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
  • 设计稿初版要在真机/实际数据上预览,看实际信息密度

相关问题