额..中国功夫

原创 2018-11-07 15:04:54 204
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="static/layui/css/l
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" href="static/layui/css/layui.css">
<script type="text/javascript" src="static/layui/layui.js"></script>
<style type="text/css">
.header span{background: #009688;color:#fff;padding:10px;margin-left: 30px;line-height: 32px;}
.header button{float: right;}
.header{border-bottom: 2px solid #009688;}
</style>
</head>
<body style="padding:10px;">
<div>
<span>管理员列表</span>
<button class="layui-btn layui-btn-sm">添加</button>
</div>

<table>
  <thead>
    <tr>
      <th>ID</th>
      <th>用户名</th>
      <th>性别</th>
      <th>门派</th>
      <th>招式</th>
      <th>操作</th>
    </tr>
  </thead>
  <tbody>
      <tr>
        <td>001</td>
        <td>西门大官人</td>
        <td>男</td>
        <td>无师自通</td>
        <td>卖烧饼</td>
        <td>
    <button class="layui-btn layui-btn-xs">编辑</button>
    <button class="layui-btn layui-btn-xs layui-btn-danger" onclick="del()">删除</button>
        </td>
      </tr>
      <tr>
        <td>002</td>
        <td>韦小宝</td>
        <td>男??</td>
        <td>天地会</td>
        <td>四十二章经?</td>
        <td>
    <button class="layui-btn layui-btn-xs">编辑</button>
    <button class="layui-btn layui-btn-xs layui-btn-danger" onclick="del()">删除</button>
        </td>
      </tr>
      <tr>
        <td>003</td>
        <td>灭绝师太</td>
        <td>女</td>
        <td>峨眉派</td>
        <td>峨眉剑法</td>
        <td>
    <button class="layui-btn layui-btn-xs">编辑</button>
    <button class="layui-btn layui-btn-xs layui-btn-danger" onclick="del()">删除</button>
        </td>
      </tr>
      <tr>
        <td>004</td>
        <td>欧阳克</td>
        <td>男</td>
        <td>额.编不下去了</td>
        <td>编不下去掌</td>
        <td>
    <button class="layui-btn layui-btn-xs">编辑</button>
    <button class="layui-btn layui-btn-xs layui-btn-danger" onclick="del()">删除</button>
        </td>
      </tr>
  </tbody>
</table>
<script type="text/javascript">
layui.use(['layer'], function(){
  // var element = layui.element;
  var layer = layui.layer;
});
function del(){
layer.confirm('纳尼?你真的要删除???', {
anim: 6,
icon:3,
btn: ['确定', '取消'] //可以无限个按钮
}, function(index, layero){
  //按钮【按钮一】的回调
}, function(index){
  //按钮【按钮二】的回调
});
}
</script>
</body>
</html>


批改老师:韦小宝批改时间:2018-11-07 15:05:58
老师总结:为啥我韦小宝性别那里的男后面还有问号啊!我是男的哈!不要有疑惑!哈哈哈!写的很不错!赞一个!!!

发布手记

热门词条