EASYUI（easyuiztree后台管理系统模板）
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>后台管理系统模板</title>
<link rel="stylesheet" type="text/css" href="css/default.css">
<link rel="stylesheet" type="text/css" href="js/jquery-easyui-1.5.1/themes/bootstrap/easyui.css">
<link rel="stylesheet" type="text/css" href="js/jquery-easyui-1.5.1/themes/icon.css" />
<link rel="stylesheet" type="text/css" href="js/JQuery-zTree-v3.5.15/css/zTreeStyle/zTreeStyle.css">
<script type="text/javascript" src="js/jquery-easyui-1.5.1/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery-easyui-1.5.1/jquery.easyui.min.js"></script>
<script type="text/javascript" src="js/jQuery-zTree-v3.5.15/jquery.ztree.all-3.5.min.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript" src="js/extends.js"></script>
<script type="text/javascript" src="js/common.js"></script>
</head>
<body >
<!-- 头部标题 -->
<div data-options="region:'north',border:false" >
<a href="#"><span >后台管理系统模板</span></a>
<span >登录用户：admin 姓名：管理员 角色：系统管理员</span>
</div>
<!-- 左侧导航 -->
<div data-options="region:'west',split:true,title:'导航菜单', fit:false" >
<ul ></ul>
</div>
<!-- 页脚信息 -->
<div data-options="region:'south',border:false" >
<span >系统版本：V1.0</span>
<span ></span>
</div>
<!-- 内容tabs -->
<div data-options="region:'center'">
<div >
<div title="首页" >
<p>模板说明：</p>
<ul>
<li>主界面使用 easyui1.3.5</li>
<li>导航树使用 JQuery-zTree-v3.5.15</li>
</ul>
<p>特性说明：</p>
<ul>
<li>所有弹出框均显示在顶级父窗口</li>
<li>修改easyui window拖动，移动时显示窗口而不显示虚线框，并限制拖动范围</li>
</ul>
</div>
</div>
</div>
</body>
</html>
- 发表于 2022-10-31 13:18
- 阅读 ( 108 )
- 分类：互联网
674 篇文章