概述
- 布局容器是用于简化页面布局的一组容器,一共有5个类型:Top、Left、Main、Rgiht、Bottom
- 布局方式不受编码顺序影响
- 布局容器遵循层次性原则,每个布局容器是既是父容器的子容器,同时又是子容器的父容器,里面可以再按规则嵌套其他容器组件,可无限嵌套,且嵌套时没有视觉样式变化
类型
类型 | 存在 | 尺寸 | 说明 |
---|---|---|---|
Left | 可选 | 宽度最大30% | |
Right | 可选 | 宽度最大30% | |
Main | 必选 | - | 当父级容器没有Main时,框架会自动创建Main容器,没有被布局容器嵌套的组件会默认放置在Main中。 |
Bottom | 可选 | 高度30% | |
Top/Head | 可选 | 高度最大30% | 为了避免头部样式冲突 <head> 没有title、subtitle属性。 |