test
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <title>人力资源管理系统</title> <link rel="stylesheet" href="E:/layui/layui/css/layui.css"> </head> <body class="layui-layout-body"> <div class="layui-layout layui-layout-admin"> <div class="layui-header"> <div class="layui-logo">人力资源管理系统</div> <!-- 头部区域（可配合layui已有的水平导航） --> <ul class="layui-nav layui-layout-left"> <li class="layui-nav-item"><a href="">人员管理</a></li> <li class="layui-nav-item"><a href="">部门管理</a></li> <li class="layui-nav-item"><a href="">权限管理</a></li> <li class="layui-nav-item"><a href="">薪酬管理</a></li> </ul> <ul class="layui-nav layui-layout-right"> <li class="layui-nav-item"> <a href="javascript:;"> <img src="http://t.cn/RCzsdCq" class="layui-nav-img"> 贤心 </a> <dl class="layui-nav-child"> <dd><a href="">基本资料</a></dd> <dd><a href="">安全设置</a></dd> </dl> </li> <li class="layui-nav-item"><a href="">退出</a></li> </ul> </div> <div class="layui-side layui-bg-black"> <div class="layui-side-scroll"> <!-- 左侧导航区域（可配合layui已有的垂直导航） --> <ul class="layui-nav layui-nav-tree" lay-filter="test"> <li class="layui-nav-item layui-nav-itemed"> <a class="" href="javascript:;">所有模块</a> <dl class="layui-nav-child"> <dd><a href="javascript:;">人员管理</a></dd> <dd><a href="javascript:;">部门管理</a></dd> <dd><a href="javascript:;">权限管理</a></dd> <dd><a href="javascript:;">薪酬管理</a></dd> </dl> </li> </ul> </div> </div> <div class="layui-body"> <!-- 内容主体区域 --> 自行添加 </div> <div class="layui-footer"> <!-- 底部固定区域 --> 联系我——>youngfee810@foxmail.com </div> </div> <script src="E:/layui/layui/layui.js"></script> <script> //JavaScript代码区域 layui.use('element', function(){ var element = layui.element; }); </script> </body> </html>