1 Star 0 Fork 22

paul008/zui-admin

forked from 莫非/zui-admin 
加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
list.html 10.33 KB
一键复制 编辑 原始数据 按行查看 历史
莫非 提交于 2017-12-04 15:11 . 新增部分组件
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>用户列表-页面演示 zui-admin</title>
<!-- zui css -->
<link rel="stylesheet" href="dist/css/zui.min.css">
<link rel="stylesheet" href="dist/theme/blue.css">
<!-- app css -->
<link rel="stylesheet" href="css/app.css">
<!-- jquery js -->
<script src="dist/lib/jquery/jquery.js"></script>
</head>
<body>
<div class="wrapper">
<header class="main-header">
<nav class="navbar navbar-fixed-top bg-primary">
<div class="navbar-header">
<a class="navbar-toggle" href="javascript:;" data-toggle="collapse" data-target=".navbar-collapse"><i class="icon icon-th-large"></i></a>
<a class="sidebar-toggle" href="javascript:;" data-toggle="push-menu"><i class="icon icon-bars"></i></a>
<a class="navbar-brand" href="#">
<span class="logo">ZUIAdmin</span>
<span class="logo-mini">ZA</span>
</a>
</div>
<div class="collapse navbar-collapse">
<div class="container-fluid">
<ul class="nav navbar-nav">
<li><a href="javascript:;" data-toggle="push-menu"><i class="icon icon-bars"></i></a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li>
<a href="javascript:;">
<span>
<i class="icon icon-bell-alt"></i>
<span class="label label-danger label-pill up">5</span>
</span>
</a>
</li>
<li>
<a href="javascript:;">
<span>
<i class="icon icon-envelope-alt"></i>
<span class="label label-success label-pill up">2</span>
</span>
</a>
</li>
<li class="dropdown">
<a href="javascript:;" data-toggle="dropdown"><i class="icon icon-user"></i> 管理员 <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">资料设置</a></li>
<li><a href="#">清除缓存</a></li>
<li class="divider"></li>
<li><a href="#">注销</a></li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
</header>
<aside class="main-sidebar">
<section class="sidebar">
<ul class="sidebar-menu" data-widget="tree">
<li class="header">主要菜单</li>
<li>
<a href="index.html">
<i class="icon icon-dashboard"></i>
<span>仪表盘</span>
<span class="pull-right-container">
</span>
</a>
</li>
<li class="treeview">
<a href="javascript:;">
<i class="icon icon-file"></i>
<span>页面演示</span>
<span class="pull-right-container">
<i class="icon icon-angle-left"></i>
</span>
</a>
<ul class="treeview-menu">
<li><a href="layout.html"><i class="icon icon-circle-blank"></i> 空白页</a></li>
<li><a href="login.html"><i class="icon icon-circle-blank"></i> 登录</a></li>
<li><a href="error-404.html"><i class="icon icon-circle-blank"></i> 404页</a></li>
<li><a href="config.html"><i class="icon icon-circle-blank"></i> 系统设置</a></li>
<li class="active"><a href="list.html"><i class="icon icon-circle-blank"></i> 用户列表</a></li>
</ul>
</li>
<li class="treeview">
<a href="javascript:;">
<i class="icon icon-columns"></i>
<span>基础组件</span>
<span class="pull-right-container">
<i class="icon icon-angle-left"></i>
</span>
</a>
<ul class="treeview-menu">
<li><a href="component-checkbox-radio.html"><i class="icon icon-circle-blank"></i> 多选和单选框</a></li>
<li><a href="component-step.html"><i class="icon icon-circle-blank"></i> 步骤条</a></li>
</ul>
</li>
<li class="treeview">
<a href="javascript:;">
<i class="icon icon-sign-blank"></i>
<span>扩展插件</span>
<span class="pull-right-container">
<i class="icon icon-angle-left"></i>
</span>
</a>
<ul class="treeview-menu">
<li><a href="plugin-toastr.html"><i class="icon icon-circle-blank"></i> Toastr</a></li>
<li><a href="plugin-notify.html"><i class="icon icon-circle-blank"></i> Notify</a></li>
</ul>
</li>
</ul>
</section>
</aside>
<div class="content-wrapper">
<div class="content-header">
<ul class="breadcrumb">
<li><a href="#"><i class="icon icon-home"></i></a></li>
<li><a href="#">页面演示</a></li>
<li class="active">用户列表</li>
</ul>
</div>
<div class="content-body">
<div class="container-fluid">
<div class="alert alert-warning alert-dismissable">
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
<p>页面演示仅供参考,可自行修改</p>
</div>
<div class="panel">
<div class="panel-heading">
<div class="panel-title">用户列表</div>
</div>
<div class="panel-body">
<div class="table-tools" style="margin-bottom: 15px;">
<div class="pull-right" style="width: 250px;">
<div class="input-group">
<input type="text" class="form-control" placeholder="关键字">
<span class="input-group-btn">
<button class="btn btn-default" type="button">搜索</button>
</span>
</div>
</div>
<div class="tools-group">
<a href="#" class="btn btn-primary"><i class="icon icon-plus-sign"></i> 新增</a>
<a href="#" class="btn btn-success"><i class="icon icon-check-circle"></i> 启用</a>
<a href="#" class="btn btn-warning"><i class="icon icon-ban-circle"></i> 禁用</a>
<a href="#" class="btn btn-danger"><i class="icon icon-remove-sign"></i> 删除</a>
</div>
</div>
<table class="table table-bordered">
<thead>
<tr>
<th width="30">
<input type="checkbox">
</th>
<th width="50">ID</th>
<th>用户名</th>
<th>昵称</th>
<th>手机号</th>
<th>邮箱</th>
<th>创建时间</th>
<th>操作</th>
</tr>
</thead>
<tbody>
<tr>
<td><input type="checkbox"></td>
<td>1</td>
<td>mofer</td>
<td>莫非</td>
<td>151xxxx1234</td>
<td>205155513@qq.com</td>
<td>2017-11-10 10:20</td>
<td>
<a href="#" class="btn btn-xs btn-primary">编辑</a>
<a href="#" class="btn btn-xs btn-danger">删除</a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- zui js -->
<script src="dist/js/zui.min.js"></script>
<!-- app js -->
<script src="js/app.js"></script>
</body>
</html>
Loading...
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
HTML
1
https://gitee.com/paul008/zui-admin.git
git@gitee.com:paul008/zui-admin.git
paul008
zui-admin
zui-admin
master

搜索帮助

0d507c66 1850385 C8b1a773 1850385