# Container 布局容器
基础用法
显示代码
AsideMain组件的 breakpoint 参数为对象类型且对应的断点值为数值类型，对应的 width、padding 传入对象时为响应式样式，否则为固定值。
Container Attributes
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| direction | 子元素排列方式 | String | horizontal vertical | horizontal |
Header Attributes
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| height | 高度 | String | - | 56px |
| background | 背景色 | String | - | - |
Aside Attributes
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| background | 背景色 | String | - | - |
| width | 宽度 | Number Object | - | { sm: 200, md: 200, lg: 220, xl: 240, xxl: 240 } |
| breakpoint | 响应式布局断点 | Object | - | 见响应式布局 |
Main Attributes
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| background | 背景色 | String | - | - |
| padding | 边距 | String Object | - | { sm: '50px 30px', md: '50px 30px', lg: '50px 40px', xl: '50px 50px', xxl: '50px 50px' } |
| breakpoint | 响应式布局断点 | Object | - | 见响应式布局 |