easyui综合布局demo

最新推荐文章于 2021-03-12 10:11:30 发布

github_39274378

最新推荐文章于 2021-03-12 10:11:30 发布

阅读量1.1k

点赞数

分类专栏： easyui 文章标签： easyui layout web

本文链接：https://blog.csdn.net/github_39274378/article/details/77368890

版权

easyui 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
 <meta charset="UTF-8">
 <title>layout - jQuery EasyUI Demo</title>
 <link rel="stylesheet" type="text/css" href="../../../resources/easyui/themes/default/easyui.css">
 <link rel="stylesheet" type="text/css" href="../../../resources/easyui/themes/icon.css">
 <link rel="stylesheet" type="text/css" href="../../../resources/easyui/demo.css">
 <script type="text/javascript" src="../../../resources/easyui/jquery.min.js"></script>
 <script type="text/javascript" src="../../../resources/easyui/jquery.easyui.min.js"></script>
</head>
<body class="easyui-layout">
 <div data-options="region:'north'" style="height:90px;background:#fff;padding:10px">
  header
 </div>

 <div data-options="region:'west',border:false,collapsible: true" title="菜单栏收起" style="width:180px;">
  <div class="easyui-accordion" data-options="fit:true,border:false">
   <div title="Title1" style="padding:10px;">
    content1
   </div>
   <div title="Title2" data-options="selected:true" style="padding:10px;">
    content2
   </div>
   <div title="Title3" style="padding:10px">
    content3
   </div>
  </div>
 </div>
 <div data-options="region:'center',border: false">
  <iframe src="iframe.html" frameborder="0" width="100%" height="100%" scrolling="none"></iframe>
 </div>
</body>
</html>

github_39274378

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
easyui综合布局demo

html>html>head> meta charset="UTF-8"> title>layout - jQuery EasyUI Demotitle> link rel="stylesheet" type="text/css" href="../../../resources/easyui/themes/default/easyui.css"> link rel="styleshe
复制链接

扫一扫