工作台底部推荐区域无数据时 UI 布局异常 #575

New Issue

2026-10-01T18:54:04+08:00

suzmii commented

2026-10-01 18:54:04 +08:00

问题描述

当工作台首页底部推荐区域没有数据时，推荐区域未正确收缩或展示空状态，页面下方出现大面积无意义空白，整体内容布局失衡。问题见附件截图。

初步判断

无数据分支可能仍保留了推荐模块的固定高度、最小高度或间距，导致没有推荐卡片时容器仍占用较大空间，具体原因需要结合实现进一步确认。

处理方案

检查底部推荐区域在加载中、有数据、无数据和加载失败状态下的布局分支。
无数据时隐藏推荐区域，或展示符合现有视觉规范的紧凑空状态，避免保留大块空白。
确保有推荐数据时维持当前卡片展示效果，不影响其他首页内容。
同步检查响应式尺寸下的容器高度、最小高度和间距设置。

验收标准

推荐数据为空时，不出现大面积无意义空白。
无数据时页面内容能够自然收缩，或展示明确且紧凑的空状态。
有推荐数据时保持现有展示效果。
加载中、空数据、加载失败三种状态的布局互不影响。
桌面端和较窄窗口尺寸下均无明显布局异常。

复现截图

## 问题描述当工作台首页底部推荐区域没有数据时，推荐区域未正确收缩或展示空状态，页面下方出现大面积无意义空白，整体内容布局失衡。问题见附件截图。 ## 初步判断无数据分支可能仍保留了推荐模块的固定高度、最小高度或间距，导致没有推荐卡片时容器仍占用较大空间，具体原因需要结合实现进一步确认。 ## 处理方案 1. 检查底部推荐区域在加载中、有数据、无数据和加载失败状态下的布局分支。 2. 无数据时隐藏推荐区域，或展示符合现有视觉规范的紧凑空状态，避免保留大块空白。 3. 确保有推荐数据时维持当前卡片展示效果，不影响其他首页内容。 4. 同步检查响应式尺寸下的容器高度、最小高度和间距设置。 ## 验收标准 - [ ] 推荐数据为空时，不出现大面积无意义空白。 - [ ] 无数据时页面内容能够自然收缩，或展示明确且紧凑的空状态。 - [ ] 有推荐数据时保持现有展示效果。 - [ ] 加载中、空数据、加载失败三种状态的布局互不影响。 - [ ] 桌面端和较窄窗口尺寸下均无明显布局异常。 ## 复现截图 ![工作台底部推荐区域无数据时的布局异常](https://git.genarrative.world/git/attachments/08936926-9853-4775-807f-17e39717e954)

.issue-575.png

1.9 MiB

suzmii added the

Priority

Medium

3

Kind/Bug labels 2026-10-01 18:54:04 +08:00

k88936 commented

2026-10-02 02:59:15 +08:00

666还有回旋镖 #228

😆 1

k88936 self-assigned this 2026-10-02 11:57:43 +08:00