Angular EasyUI 布局

布局（ Layout ）可视为一个容器。该容器内部可划分五个区域：北区（ North ）、南区（ South ）、东区（ East ）、西区（ West ）和中区（ Center ）。布局（ Layout ）中区（ Center ）是必需区块，北区（ North ）、南区（ South ）、东区（ East ）、西区（ West ）是可选区块。布局（ Layout ）可以嵌套，因此您可以凭个人意愿构建复杂多变的布局。

属性列表

名称	数据类型	作用描述	默认值
layaotCls	string	布局样式类。	null
layaotStyle	Object	布局内联样式。	null

字段列表

名称	类型	作用描述
panels	QueryList<LayoutPanelComponent>	所有布局面板。

方法列表

名称	参数	返回值	作用描述
getPanel	region:string	LayoutPanelComponent	获取区域面板组件。

注：
- 继承： None 。
- 选择器： eui-layout 。

使用方法

<eui-layout style="width:700px;height:250px;">
    <eui-layout-panel region="north" style="height:50px;">
        <div class="title">North Region</div>
    </eui-layout-panel>
    <eui-layout-panel region="south" style="height:50px;">
        <div class="title">South Region</div>
    </eui-layout-panel>
    <eui-layout-panel region="west" style="width:120px;">
        <div class="title">West Region</div>
    </eui-layout-panel>
    <eui-layout-panel region="east" style="width:120px;">
        <div class="title">East Region</div>
    </eui-layout-panel>
    <eui-layout-panel region="center" style="height:100%">
        <div class="title">Center Region</div>
    </eui-layout-panel>
</eui-layout>