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