所有页面以 PageContainer 为唯一根容器。业务页面只组合母组件实例,不直接复制内部控件样式。
PageContainer ├─ TopNavigation ├─ Toolbar │ └─ ToolBtn │ └─ State: Default / Hover / Active ├─ MainLayout │ ├─ TreePanel │ │ ├─ TreeRootNode │ │ ├─ TreeFolderNode │ │ └─ TreeLeafNode / Selected │ ├─ AttrPanel │ │ ├─ ParamGroup │ │ │ └─ ParamRow │ │ │ ├─ NumberInput │ │ │ ├─ TextInput │ │ │ └─ RadioControl │ │ └─ PrimaryBtn │ └─ CanvasPanel │ └─ WelcomePage │ └─ FuncCard └─ InfoFooter ├─ LogPanel │ └─ LogItem / Level └─ TaskTab
| 令牌 | 值 | 用途 |
|---|---|---|
| Brand/Primary | #164088 | 顶部栏、标题、激活强调 |
| Brand/Light | #EAF3FF | 悬浮、选中、辅助底色 |
| Border/Default | #CFD9E5 | 面板与控件分割线 |
| Surface/Panel | #F6F8FB | 树、属性与任务面板 |