主题文档
页面容器组件
页面容器组件提供了一个统一的页面布局结构，自动处理导航栏和底部导航的间距。
组件特性
- 一致的页面布局
- 自动处理导航栏间距
- 响应式设计
- 支持移动设备安全区域
- 移动设备适配
- 加载状态遮罩
- 多种显示模式
- 导航栏显示控制
组件示例
基础用法
最基本的页面布局，包含常规内容区域。
全屏模式
全屏模式将页面高度锁定为视口高度，适合需要固定高度的场景。
占满模式
占满模式去除最大宽度限制，适合数据可视化、地图等需要最大空间的场景。
隐藏导航栏
当需要最大化内容区域或创建自定义导航时使用此模式。
加载状态
当页面在加载数据或处理请求时，显示加载状态。
组件属性
| 属性 | 描述 | 类型 | 默认值 |
|---|---|---|---|
| busy | 显示加载遮罩层 | boolean | false |
| mode | 页面显示模式 (normal（常规）、fullscreen（全屏）、full-width（占满）) | string | normal |
| showNav | 是否显示导航栏 | boolean | true |
设计赋能，创新无限