abstract:<!DOCTYPE html> <html> <head> <title>后台管理首页</title> <link rel="stylesheet" type="text/css
<!DOCTYPE html> <html> <head> <title>后台管理首页</title> <link rel="stylesheet" type="text/css" href="static/layui/css/layui.css"> <script type="text/javascript" src="static/layui/layui.js"></script> <style type="text/css"> *{margin: 0px;padding: 0px;} .admintop{width: 100%;height: 50px;background: #286CA7; line-height: 50px; color: #fff;} .admintop_left{margin-left: 10px;font-size: 16px;} .admintop_right{float: right;margin-right: 15px;font-size: 14px;} .layui-collapse{width: 200px;border: none; position: absolute;} .layui-colla-item{border: none;}
.layui-colla-title{color: #fff;background: #43475C;} .layui-colla-content{border-top: none;padding: 0px;}
.adminiframe{position: absolute;left: 200px;right: 0px;} </style> </head> <body> <div class="admintop"> <span class="admintop_left">在线商城--后台管理</span> <span class="admintop_right">admin【系统管理员】退出</span> </div>
<div class="leftnav">
<div class="layui-collapse" > <div class="layui-colla-item"> <h2 class="layui-colla-title">系统管理员</h2> <div class="layui-colla-content layui-show"> <ul class="layui-nav layui-nav-tree" lay-filter="test"> <li class="layui-nav-item layui-nav-itemed"> <a href="javascript:;">默认展开</a> </li> </ul> </div> </div> <div class="layui-colla-item"> <h2 class="layui-colla-title">权限管理</h2> <div class="layui-colla-content layui-show"> <ul class="layui-nav layui-nav-tree" lay-filter="test"> <li class="layui-nav-item layui-nav-itemed"> <a href="javascript:;">默认展开</a> </li> </ul> </div> </div> <div class="layui-colla-item"> <h2 class="layui-colla-title">系统设置</h2> <div class="layui-colla-content layui-show"> <ul class="layui-nav layui-nav-tree" lay-filter="test"> <li class="layui-nav-item layui-nav-itemed"> <a href="javascript:;">默认展开</a> </li> </ul> </div> </div> <div class="layui-colla-item"> <h2 class="layui-colla-title">商品分类</h2> <div class="layui-colla-content layui-show"> <ul class="layui-nav layui-nav-tree" lay-filter="test"> <li class="layui-nav-item layui-nav-itemed"> <a href="javascript:;">默认展开</a> </li> </ul> </div> </div> <div class="layui-colla-item"> <h2 class="layui-colla-title">产品管理</h2> <div class="layui-colla-content layui-show"> <ul class="layui-nav layui-nav-tree" lay-filter="test"> <li class="layui-nav-item layui-nav-itemed"> <a href="javascript:;">默认展开</a> </li> </ul> </div> </div> <div class="layui-colla-item"> <h2 class="layui-colla-title">幻灯片管理</h2> <div class="layui-colla-content layui-show"> <ul class="layui-nav layui-nav-tree" lay-filter="test"> <li class="layui-nav-item layui-nav-itemed"> <a href="javascript:;">默认展开</a> </li> </ul> </div> </div> </div>
</div>
<div class="adminiframe"> <iframe src="huanying.html" style="width: 100%;height: 100%;" scrolling="0" frameborder="0" ></iframe> </div>
</div> </body> </html>
Correcting teacher:韦小宝Correction time:2018-12-25 09:25:15
Teacher's summary:写的不错,layui还有很多强大的功能和组件呢!课后没事可以多看看哦!