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

1.0 KiB
Raw Permalink Blame History

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