easyui layout布局

最新推荐文章于 2023-05-16 14:57:58 发布

刘半仙你刘哥

最新推荐文章于 2023-05-16 14:57:58 发布

阅读量154

点赞数

文章标签： easyui

本文链接：https://blog.youkuaiyun.com/weixin_48737252/article/details/107467198

版权

1.layout布局

在这里插入图片描述
2.创建项目时还需要导入js、css、图片文件

3.导入外部样式

<link rel="stylesheet" type="text/css" href="css/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="css/themes/icon.css">
<script type="text/javascript"  src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.easyui.min.js"></script>

示例代码

<div id="cc" class="easyui-layout" style="width:600px;height:400px;">   
    <div data-options="region:'north',title:'North Title',split:true" style="height:100px;"></div>   
    <div data-options="region:'south',title:'South Title',split:true" style="height:100px;"></div>   
    <div data-options="region:'east',iconCls:'icon-reload',title:'East',split:true" style="width:100px;"></div>   
    <div data-options="region:'west',title:'West',split:true" style="width:100px;"></div>   
    <div data-options="region:'center',title:'center title'" style="padding:5px;background:#eee;"></div>   
</div>