布局 Layout

协助进行页面级整体布局。

如何使用

• Layout：布局容器，其下可嵌套 Header Sider Content Footer 或 Layout 本身，可以放在任何父容器中。
• Header：顶部布局，自带默认样式，其下可嵌套任何元素，只能放在 Layout 中。
• Sider：侧边栏，自带默认样式及基本功能，其下可嵌套任何元素，只能放在 Layout 中。
• Content：内容部分，自带默认样式，其下可嵌套任何元素，只能放在 Layout 中。
• Footer：底部布局，自带默认样式，其下可嵌套任何元素，只能放在 Layout 中。

代码演示

Header

Content

Footer

Header

Sider

Content

Footer

Sider

Header

Content

Footer

基础布局

典型的页面布局。

API

属性

Layout 的属性说明如下：

属性	说明	类型	默认值	版本
className	容器 className	string	-
style	指定样式	CSSProperties	-

Layout.Sider 的属性说明如下：

属性	说明	类型	默认值	版本
breakpoint	触发响应式布局的断点	xs | sm | md | lg | xl | xxl	-
className	容器 className	string	-
collapsed	当前收起状态	boolean	-
collapsible	是否可收起	boolean	false
defaultCollapsed	是否默认收起	boolean	false
style	指定样式	CSSProperties	-
width	宽度	number | string	200