r40/users.html · 约 2216 字符
1<!DOCTYPE html>
2<html lang="zh-CN">
3<head>
4<meta charset="UTF-8">
5<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
6<title>用户管理</title>
7<link rel="stylesheet" href="style.css">
8</head>
9<body>
10<div class="wrap">
11<div class="header">
12 <div class="top"><span class="role">管理员端</span><span style="margin-left:auto;font-size:12px;opacity:.85">驰旭教育</span></div>
13 <h1>用户管理</h1>
14 <div class="sub">师生共 1,286 人</div>
15</div>
16<div class="filters"><span class="f on">全部</span><span class="f">学生</span><span class="f">教师</span><span class="f">管理员</span></div>
17<div class="kpi" style="margin-top:0">
18 <div class="box"><div class="num">1180</div><div class="lab">学生</div></div>
19 <div class="box"><div class="num" style="color:var(--secondary)">96</div><div class="lab">教师</div></div>
20 <div class="box"><div class="num" style="color:var(--accent)">10</div><div class="lab">管理员</div></div>
21 <div class="box"><div class="num" style="color:var(--secondary)">0</div><div class="lab">异常账号</div></div>
22</div>
23<div class="list" style="margin-top:12px">
24 <div class="row"><div class="avatar">🧑🎓</div><div class="info"><div class="t">张三</div><div class="s">学生 · S20230145 · 计算机系</div></div><span class="tag ok">正常</span></div>
25 <div class="row"><div class="avatar">👨🏫</div><div class="info"><div class="t">李老师</div><div class="s">教师 · T0089 · 计算机教研室</div></div><span class="tag ok">正常</span></div>
26 <div class="row"><div class="avatar">🛡️</div><div class="info"><div class="t">王管理员</div><div class="s">管理员 · A001 · 系统部</div></div><span class="tag ok">正常</span></div>
27</div>
28<button class="btn full">+ 导入用户 / 新增</button>
29<div class="bottom-nav"><a class="nav-item" href="rooms.html"><span class="icon">🏫</span>考场</a><a class="nav-item active" href="users.html"><span class="icon">👥</span>用户</a><a class="nav-item" href="arrange.html"><span class="icon">🗓️</span>安排</a></div><div class="safe-bottom"></div>
30</div>
31
32</body>
33</html>