docs: define main window layout strategy

This commit is contained in:
QiuSW
2026-07-08 15:49:44 +08:00
parent 47d3c653c6
commit 9472f005c8
8 changed files with 76 additions and 13 deletions
+15 -1
View File
@@ -33,11 +33,25 @@
- 顶部区域:当前用户、运行状态、快捷动作。
- 内容区:路由页面,填满剩余空间。
Windows 10+ 是主要体验目标。主窗口是否默认最大化需要通过任务确认,但内容区必须能稳定填满空余区域,不能只占左上角小块。
Windows 10+ 是主要体验目标。主窗口策略已经确定:
- 默认不最大化。
- 初始宽高:`1280x800`。
- 最小宽高:`1024x720`。
- 启动时居中。
- 允许用户调整大小。
- 页面根容器使用 `width: 100%` 和 `height: 100vh`。
- 主布局内部使用 flex 或 grid,让侧边导航、顶部区域和内容区稳定填满窗口。
- 阅读型内容使用最大宽度,建议 `max-width: 960px` 并居中。
- 列表、仪表盘、设置页等工作型页面自适应拉伸,占满可用内容区。
- 第二窗口保持小窗,不参与主窗口最大化、尺寸恢复和布局填充逻辑。
后续增强:保存主窗口尺寸和最大化状态,下次启动恢复用户上次选择。
## 页面规则
- 新增页面必须先确认属于模板能力、业务样例还是开发者示例。
- 主业务页面放在主窗口,不放在第二窗口。
- 第二窗口保持轻量快捷功能,不承载长期复杂业务流程。
- 页面内容不得只占左上角小块;除阅读型内容外,默认应填满主内容区域。
- 路由变化必须同步本文和相关任务验收。