abstract:<!DOCTYPE html> <html> <head> <title>管理员</title> <link rel="stylesheet" type="text/css&qu
<!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;} body{padding: 10px;} .header{width: 100%;border-bottom: 2px solid #00888a;} .header span{background: #00888A;color: #fff;line-height: 32px; padding: 10px;} .header button{float: right;background: #00888a; color: #fff;} </style> </head> <body> <div class="header"> <span>管理员列表</span> <button class="layui-btn layui-btn-primary layui-btn-sm">添加</button> </div> <table class="layui-table"> <thead> <tr> <th >ID</th> <th>用户名</th> <th>性别</th> <th>城市</th> <th>职业</th> <th>财富</th> <th>评分</th> <th>操作</th> </tr> </thead> <tbody> <tr> <td>00001</td> <td>灭绝师太</td> <td>女</td> <td>中国</td> <td>教学工作者</td> <td>10亿</td> <td>100分</td> <td> <a class="layui-btn layui-btn-xs">编辑</a> <a class="layui-btn layui-btn-danger layui-btn-xs" onclick="del()">删除</a> </td> </tr> <tr> <td>00001</td> <td>灭绝师太</td> <td>女</td> <td>中国</td> <td>教学工作者</td> <td>10亿</td> <td>100分</td> <td> <a class="layui-btn layui-btn-xs">编辑</a> <a class="layui-btn layui-btn-danger layui-btn-xs" onclick="del()">删除</a> </td> </tr> <tr> <td>00001</td> <td>灭绝师太</td> <td>女</td> <td>中国</td> <td>教学工作者</td> <td>10亿</td> <td>100分</td> <td> <a class="layui-btn layui-btn-xs">编辑</a> <a class="layui-btn layui-btn-danger layui-btn-xs" onclick="del()">删除</a> </td> </tr> <tr> <td>00001</td> <td>灭绝师太</td> <td>女</td> <td>中国</td> <td>教学工作者</td> <td>10亿</td> <td>100分</td> <td> <a class="layui-btn layui-btn-xs">编辑</a> <a class="layui-btn layui-btn-danger layui-btn-xs" onclick="del()">删除</a> </td> </tr> <tr> <td>00001</td> <td>灭绝师太</td> <td>女</td> <td>中国</td> <td>教学工作者</td> <td>10亿</td> <td>100分</td> <td> <a class="layui-btn layui-btn-xs">编辑</a> <a class="layui-btn layui-btn-danger layui-btn-xs" onclick="del()">删除</a> </td> </tr> </tbody> </table> <script> layui.use(['layer'], function(){ var element = layui.element; layer = layui.layer; $= layui.jquery resetMenuHeight() }); function del(){ layer.confirm('确定要删除么?', { icon:2, btn: ['确定', '取消'] //可以无限个按钮 }, function(index, layero){ //按钮【按钮一】的回调 }, function(index){ //按钮【按钮二】的回调 }); } </script>
</body> </html>
Correcting teacher:韦小宝Correction time:2018-12-25 09:20:54
Teacher's summary:写的很不错,使用layui可以快速的完成一个页面的搭建,并且还简洁美观,没事可以多研究研究layui