React EasyUI 布局

布局（ Layout ）可視為一個容器。該容器內(nèi)部可劃分五個區(qū)域：北區(qū)（ North ） 、南區(qū)（ South ） 、東區(qū)（ East ） 、西區(qū)（ West ）和中區(qū)（ Center ）。 布局（ Layout ）中區(qū)（ Center ）是必需區(qū)塊，北區(qū)（ North ） 、南區(qū)（ South ） 、東區(qū)（ East ） 、西區(qū)（ West ）是可選區(qū)塊。 布局（ Layout ）可以嵌套，因此您可以憑個人意愿構(gòu)建復(fù)雜多變的布局。

屬性列表

方法列表

注：
- 繼承： LocaleBase 。

使用方法

<Layout style={{ width: 700, height: 250 }}>
  <LayoutPanel region="north" style={{ height: 50 }}>
    <div style={titleStyle}>北區(qū)</div>
  </LayoutPanel>
  <LayoutPanel region="south" style={{ height: 50 }}>
    <div style={titleStyle}>南區(qū)</div>
  </LayoutPanel>
  <LayoutPanel region="west" style={{ width: 120 }}>
    <div style={titleStyle}>西區(qū)</div>
  </LayoutPanel>
  <LayoutPanel region="east" style={{ width: 120 }}>
    <div style={titleStyle}>東區(qū)</div>
  </LayoutPanel>
  <LayoutPanel region="center" style={{ height: '100%' }}>
    <div style={titleStyle}>中區(qū)</div>
  </LayoutPanel>
</Layout>