root
/
ok-admin
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
ok-admin/user.html

289 lines
12 KiB
HTML
Raw Normal View History

大体框架完成
2018-06-03 17:09:10 +00:00
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>用户列表</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
按照layui模块化规范开发
2018-06-05 16:18:57 +00:00
<link rel="stylesheet" href="lib/layui/css/layui.css">
<link rel="stylesheet" href="css/scroll-bar.css">
抽取出sub-page.css文件
2018-06-05 16:22:12 +00:00
<link rel="stylesheet" href="css/sub-page.css">
美化user.html页面
2018-06-06 05:16:16 +00:00
<link rel="stylesheet" href="//at.alicdn.com/t/font_693759_wytlyqhtdtj1nhfr.css">
大体框架完成
2018-06-03 17:09:10 +00:00
</head>
<body>
<div class="ok-body">
完善字体图标页面内容
2018-06-04 13:19:29 +00:00
<!--面包屑导航区域-->
大体框架完成
2018-06-03 17:09:10 +00:00
<div class="ok-body-breadcrumb">
<span class="layui-breadcrumb">
<a><cite>首页</cite></a>
美化user.html页面
2018-06-06 05:16:16 +00:00
<a><cite>常用页面</cite></a>
<a><cite>用户列表</cite></a>
大体框架完成
2018-06-03 17:09:10 +00:00
</span>
完善字体图标页面内容
2018-06-04 13:19:29 +00:00
<a class="layui-btn layui-btn-small" href="javascript:location.replace(location.href);" title="刷新">
<i class="layui-icon layui-icon-refresh"></i>
大体框架完成
2018-06-03 17:09:10 +00:00
</a>
</div>
<!--模糊搜索区域-->
美化user.html页面
2018-06-06 05:16:16 +00:00
<div class="layui-row">
大体框架完成
2018-06-03 17:09:10 +00:00
<form class="layui-form layui-col-md12 ok-search">
美化user.html页面
2018-06-06 05:16:16 +00:00
<input class="layui-input" placeholder="开始日">
<input class="layui-input" placeholder="截止日">
<input class="layui-input" placeholder="请输入用户名" autocomplete="off">
<button class="layui-btn" lay-submit="" lay-filter="sreach">
<i class="layui-icon layui-icon-search"></i>
</button>
大体框架完成
2018-06-03 17:09:10 +00:00
</form>
美化user.html页面
2018-06-06 05:16:16 +00:00
</div>
<!--公路栏-->
<okToolbar>
<button class="layui-btn layui-btn-normal">
<i class="iconfont icon-shangsheng"></i>批量启用
</button>
<button class="layui-btn layui-btn-warm">
<i class="iconfont icon-web-icon-"></i>批量停用
</button>
<button class="layui-btn layui-btn-danger">
<i class="layui-icon layui-icon-delete"></i>批量删除
</button>
<button class="layui-btn">
<i class="layui-icon">&#xe61f;</i>添加用户
</button>
<span>共有数据：8888 条</span>
</okToolbar>
大体框架完成
2018-06-03 17:09:10 +00:00
<!--数据表格-->
<table class="layui-table">
<colgroup>
美化user.html页面
2018-06-06 05:16:16 +00:00
<col width="50">
<col width="50">
<col>
<col>
<col>
<col>
<col>
<col>
大体框架完成
2018-06-03 17:09:10 +00:00
<col>
</colgroup>
<thead>
美化user.html页面
2018-06-06 05:16:16 +00:00
<tr>
<th>
<form class="layui-form" action="">
<input type="checkbox" lay-skin="primary">
</form>
</th>
<th>ID</th>
<th>用户名</th>
<th>密码</th>
<th>昵称</th>
<th>状态</th>
<th>角色</th>
<th>邮箱</th>
<th>创建时间</th>
<th>操作</th>
</tr>
大体框架完成
2018-06-03 17:09:10 +00:00
</thead>
<tbody>
美化user.html页面
2018-06-06 05:16:16 +00:00
<tr>
<td>
<form class="layui-form" action="">
<input type="checkbox" lay-skin="primary">
</form>
</td>
<td>001</td>
<td>zhangsan</td>
<td>111111</td>
<td>张三</td>
<td>
<form class="layui-form" action="">
<input type="checkbox" name="zzz" lay-skin="switch" lay-text="启用|停用" checked>
</form>
</td>
<td>管理员</td>
<td>zhangsan@qq.com</td>
<td>2018-06-06 12:12:12</td>
<td>
<a href="javascript:;" title="编辑"><i class="layui-icon">&#xe642;</i></a>
<a href="javascript:;" title="删除"><i class="layui-icon">&#xe640;</i></a>
<a href="javascript:;" title="重置密码"><i class="layui-icon">&#xe673;</i></a>
</td>
</tr>
<tr>
<td>
<form class="layui-form" action="">
<input type="checkbox" lay-skin="primary">
</form>
</td>
<td>002</td>
<td>lisi</td>
<td>111111</td>
<td>李四</td>
<td>
<form class="layui-form" action="">
<input type="checkbox" name="zzz" lay-skin="switch" lay-text="启用|停用" checked>
</form>
</td>
<td>普通用户</td>
<td>lisi@qq.com</td>
<td>2018-06-06 12:12:12</td>
<td>
<a href="javascript:;" title="编辑"><i class="layui-icon">&#xe642;</i></a>
<a href="javascript:;" title="删除"><i class="layui-icon">&#xe640;</i></a>
<a href="javascript:;" title="重置密码"><i class="layui-icon">&#xe673;</i></a>
</td>
</tr>
<tr>
<td>
<form class="layui-form" action="">
<input type="checkbox" lay-skin="primary">
</form>
</td>
<td>002</td>
<td>wangwu</td>
<td>111111</td>
<td>王五</td>
<td>
<form class="layui-form" action="">
<input type="checkbox" name="zzz" lay-skin="switch" lay-text="启用|停用" checked>
</form>
</td>
<td>普通用户</td>
<td>wangwu@qq.com</td>
<td>2018-06-06 12:12:12</td>
<td>
<a href="javascript:;" title="编辑"><i class="layui-icon">&#xe642;</i></a>
<a href="javascript:;" title="删除"><i class="layui-icon">&#xe640;</i></a>
<a href="javascript:;" title="重置密码"><i class="layui-icon">&#xe673;</i></a>
</td>
</tr>
<tr>
<td>
<form class="layui-form" action="">
<input type="checkbox" lay-skin="primary">
</form>
</td>
<td>002</td>
<td>zhaoliu</td>
<td>111111</td>
<td>赵六</td>
<td>
<form class="layui-form" action="">
<input type="checkbox" name="zzz" lay-skin="switch" lay-text="启用|停用">
</form>
</td>
<td>普通用户</td>
<td>zhaoliu@qq.com</td>
<td>2018-06-06 12:12:12</td>
<td>
<a href="javascript:;" title="编辑"><i class="layui-icon">&#xe642;</i></a>
<a href="javascript:;" title="删除"><i class="layui-icon">&#xe640;</i></a>
<a href="javascript:;" title="重置密码"><i class="layui-icon">&#xe673;</i></a>
</td>
</tr>
<tr>
<td>
<form class="layui-form" action="">
<input type="checkbox" lay-skin="primary">
</form>
</td>
<td>002</td>
<td>sunqi</td>
<td>111111</td>
<td>孙七</td>
<td>
<form class="layui-form" action="">
<input type="checkbox" name="zzz" lay-skin="switch" lay-text="启用|停用">
</form>
</td>
<td>普通用户</td>
<td>sunqi@qq.com</td>
<td>2018-06-06 12:12:12</td>
<td>
<a href="javascript:;" title="编辑"><i class="layui-icon">&#xe642;</i></a>
<a href="javascript:;" title="删除"><i class="layui-icon">&#xe640;</i></a>
<a href="javascript:;" title="重置密码"><i class="layui-icon">&#xe673;</i></a>
</td>
</tr>
<tr>
<td>
<form class="layui-form" action="">
<input type="checkbox" lay-skin="primary">
</form>
</td>
<td>002</td>
<td>zhouba</td>
<td>111111</td>
<td>周八</td>
<td>
<form class="layui-form" action="">
<input type="checkbox" name="zzz" lay-skin="switch" lay-text="启用|停用">
</form>
</td>
<td>普通用户</td>
<td>zhouba@qq.com</td>
<td>2018-06-06 12:12:12</td>
<td>
<a href="javascript:;" title="编辑"><i class="layui-icon">&#xe642;</i></a>
<a href="javascript:;" title="删除"><i class="layui-icon">&#xe640;</i></a>
<a href="javascript:;" title="重置密码"><i class="layui-icon">&#xe673;</i></a>
</td>
</tr>
<tr>
<td>
<form class="layui-form" action="">
<input type="checkbox" lay-skin="primary">
</form>
</td>
<td>002</td>
<td>wujiu</td>
<td>111111</td>
<td>吴九</td>
<td>
<form class="layui-form" action="">
<input type="checkbox" name="zzz" lay-skin="switch" lay-text="启用|停用">
</form>
</td>
<td>普通用户</td>
<td>wujiu@qq.com</td>
<td>2018-06-06 12:12:12</td>
<td>
<a href="javascript:;" title="编辑"><i class="layui-icon">&#xe642;</i></a>
<a href="javascript:;" title="删除"><i class="layui-icon">&#xe640;</i></a>
<a href="javascript:;" title="重置密码"><i class="layui-icon">&#xe673;</i></a>
</td>
</tr>
<tr>
<td>
<form class="layui-form" action="">
<input type="checkbox" lay-skin="primary">
</form>
</td>
<td>002</td>
<td>zhenshi</td>
<td>111111</td>
<td>郑十</td>
<td>
<form class="layui-form" action="">
<input type="checkbox" name="zzz" lay-skin="switch" lay-text="启用|停用">
</form>
</td>
<td>普通用户</td>
<td>zhenshi@qq.com</td>
<td>2018-06-06 12:12:12</td>
<td>
<a href="javascript:;" title="编辑"><i class="layui-icon">&#xe642;</i></a>
<a href="javascript:;" title="删除"><i class="layui-icon">&#xe640;</i></a>
<a href="javascript:;" title="重置密码"><i class="layui-icon">&#xe673;</i></a>
</td>
</tr>
大体框架完成
2018-06-03 17:09:10 +00:00
</tbody>
</table>
<!--分页-->
</div>
<!--js逻辑-->
<script src="lib/layui/layui.js"></script>
按照layui模块化规范开发
2018-06-05 16:18:57 +00:00
<script>
美化user.html页面
2018-06-06 05:16:16 +00:00
layui.use(['element', 'form'], function () {
按照layui模块化规范开发
2018-06-05 16:18:57 +00:00
var element = layui.element;
美化user.html页面
2018-06-06 05:16:16 +00:00
var form = layui.form;
按照layui模块化规范开发
2018-06-05 16:18:57 +00:00
})
</script>
大体框架完成
2018-06-03 17:09:10 +00:00
</body>
</html>