React EasyUI 布局
布局（ Layout ）可视为一个容器。该容器内部可划分五个区域：北区（ North ） 、南区（ South ） 、东区（ East ） 、西区（ West ）和中区（ Center ）。 布局（ Layout ）中区（ Center ）是必需区块，北区（ North ） 、南区（ South ） 、东区（ East ） 、西区（ West ）是可选区块。 布局（ Layout ）可以嵌套，因此您可以凭个人意愿构建复杂多变的布局。
属性列表
| 名称 | 数据类型 | 作用描述 | 默认值 |
|---|---|---|---|
| className | string | 布局样式类。 | null |
| style | Object | 布局内联样式。 | null |
方法列表
| 名称 | 参数 | 返回值 | 作用描述 |
|---|---|---|---|
| getPanel | region | layoutPanel | 获取区域面板组件。 |
注：
- 继承： LocaleBase 。
使用方法
<Layout style={{ width: 700, height: 250 }}>
<LayoutPanel region="north" style={{ height: 50 }}>
<div style={titleStyle}>北区</div>
</LayoutPanel>
<LayoutPanel region="south" style={{ height: 50 }}>
<div style={titleStyle}>南区</div>
</LayoutPanel>
<LayoutPanel region="west" style={{ width: 120 }}>
<div style={titleStyle}>西区</div>
</LayoutPanel>
<LayoutPanel region="east" style={{ width: 120 }}>
<div style={titleStyle}>东区</div>
</LayoutPanel>
<LayoutPanel region="center" style={{ height: '100%' }}>
<div style={titleStyle}>中区</div>
</LayoutPanel>
</Layout>