首页
/
Angular EasyUI 教程
/
Angular EasyUI 布局
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
获取区域面板组件。
注：
使用方法
<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>
