首页 > 代码库 > EasyUI 左,右(上、下)布局

EasyUI 左,右(上、下)布局


左,右(上、下)布局

<body class="easyui-layout">
    <div data-options="region:‘west‘,collapsed:false,title:‘合同分类‘" style="width:200px"></div>
    <div data-options="region:‘center‘">
        <div class="easyui-layout" data-options="fit:true">
            <div data-options="region:‘south‘,collapsed:false,title:‘合同清单‘" style="height:180px"></div>
            <div data-options="region:‘center‘,title:‘合同目录‘"></div>
        </div>
    </div>
</body>

 

 

 

左、中、右

<body class="easyui-layout">
    <div data-options="region:‘west‘,collapsed:true,title:‘合同分类‘" style="width:200px"></div>
    <div data-options="region:‘center‘">
        <div class="easyui-layout" data-options="fit:true">
            <div data-options="region:‘west‘,collapsed:true,title:‘合同‘" style="width:180px"></div>
            <div data-options="region:‘center‘"></div>
        </div>
    </div>
</body>

 

EasyUI 左,右(上、下)布局