首页 > 代码库 > EasyUI 左，右（上、下）布局

EasyUI 左，右（上、下）布局

2024-08-29 22:48:07   219人阅读



左，右（上、下）布局

<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 左，右（上、下）布局






























        

            
                
                  
                
                

                    联系

                    我们