dy-dashboard/vault/知识库/工作指南/训练记录/2026-08-17-库存数据看板布局布满页面.md
2026-10-28 11:14:17 +08:00

13 lines
1.0 KiB
Markdown
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

### 1. 库存数据看板四个板块布局调整平均高度布满页面
**旭东 → OpenClaw:**
> [Mon 2026-08-17 16:40 GMT+8] 四个板块的布局,需要调整平均高度,使能够布满整个页面,目前的布局导致页面下方还有很多空白区域
**OpenClaw 响应:**
已完成。库存数据看板四个板块(库存金额/经营效率/呆滞治理/缺货监控)布局调整:
- **原因**:原布局外层容器固定 `height:calc(100vh - 150px)`,按「topbar 52px + padding 48px + header 50px」硬编码,导致页面下方残留空白
- **修改**:容器改为 `flex:1` 撑满 main-content(flex column)剩余高度,内部 flex 列布局,四个板块 2x2 grid 均分剩余高度,布满整个页面无下方空白
- **验证**:无头浏览器实测 1920×1080 视口(窗口高 994px),页面无滚动(bodyScrollH=994px),四板块高度完全平均(每板块高 444px),第二行底部 970 + padding 24 = 994 正好铺满,下方无空白
- 测试服务已重启(HTTP 200),Git 提交 3df9a2e