中国功夫明星统计表格

原创 2019-01-05 17:22:42 330
摘要:<!DOCTYPE html> <html> <head> <title>中国功夫明星</title> <meta charset="utf-8"> <link rel="stylesheet" type="text/css&
<!DOCTYPE html>
<html>
<head>
	<title>中国功夫明星</title>
	<meta charset="utf-8">
	<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">
		.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 class="header">
	<span>管理员列表</span>
	<button class="layui-btn layui-btn-sm">添加</button>
</div>
<table class="layui-table">
  <thead>
    <tr>
      <th>姓名</th>
      <th>性别</th>
      <th>出生地</th>
      <th>民族</th>
      <th>身高</th>
      <th>操作</th>
    </tr>
  </thead>
  <tbody>
      <tr>
        <td>李连杰</td>
        <td>男</td>
        <td>北京市</td>
        <td>汉族</td>
        <td>169cm</td>
        <td>
        	<a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
  			<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del" onclick="del()">删除</a>
        </td>
      </tr>
      <tr>
        <td>成龙</td>
        <td>男</td>
        <td>香港</td>
        <td>汉族</td>
        <td>173cm</td>
        <td>
        	<a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
  			<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del" onclick="del()">删除</a>
        </td>
      </tr>
      <tr>
        <td>李小龙</td>
        <td>男</td>
        <td>美国</td>
        <td>汉族</td>
        <td>173cm</td>
        <td>
        	<a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
  			<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del" onclick="del()">删除</a>
        </td>
      </tr>
      <tr>
        <td>甄子丹</td>
        <td>男</td>
        <td>中国广东</td>
        <td>汉族</td>
        <td>175cm</td>
        <td>
        	<a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
  			<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del" onclick="del()">删除</a>
        </td>
      </tr>
    </tbody>
</table>

<script>
		layui.use(['layer'], function(){
		  var layer = layui.layer;
		  
		});
		function del(){
			layer.confirm('确定要删除吗?', {
				icon:2,
			  btn: ['确定', '取消'] //可以无限个按钮
			}, function(index, layero){
			  //按钮【按钮一】的回调
			}, function(index){
			  //按钮【按钮二】的回调
			});
		}
	</script>
</body>
</html>

Snipaste_2019-01-05_17-22-09.png

批改老师:天蓬老师批改时间:2019-01-05 17:28:39
老师总结:onclick="del()", 这里少个参数, 你这是模拟操作吧

发布手记

热门词条