r40/qbank.html · 约 2697 字符
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">李老师 · 计算机教研室</div>
15</div>
16<div class="search-bar"><input placeholder="搜索题目 / 知识点 / 编号"><span class="mic">🔍</span></div>
17<div class="filters"><span class="f on">全部</span><span class="f">单选</span><span class="f">多选</span><span class="f">判断</span><span class="f">填空</span><span class="f">简答</span></div>
18<div class="kpi" style="margin-top:0">
19 <div class="box"><div class="num">528</div><div class="lab">题库总数</div></div>
20 <div class="box"><div class="num" style="color:var(--secondary)">142</div><div class="lab">待审 12</div></div>
21</div>
22<div class="list" style="margin-top:12px">
23 <div class="row"><div class="avatar">⬛</div><div class="info"><div class="t">【单选】下列关于 TCP 三次握手说法正确的是？</div><div class="s">难度 <span class="diff">★★☆</span> · 使用 32 次 · 正确率 78%</div></div><span class="tag blue">单选</span></div>
24 <div class="row"><div class="avatar">▦</div><div class="info"><div class="t">【多选】以下属于关系型数据库的有？</div><div class="s">难度 <span class="diff">★★★☆</span> · 使用 18 次 · 正确率 64%</div></div><span class="tag violet">多选</span></div>
25 <div class="row"><div class="avatar">✓</div><div class="info"><div class="t">【判断】HTTP 是无状态协议。</div><div class="s">难度 <span class="diff">★☆☆</span> · 使用 45 次 · 正确率 91%</div></div><span class="tag teal">判断</span></div>
26 <div class="row"><div class="avatar">▭</div><div class="info"><div class="t">【填空】二分查找要求数据必须______存储。</div><div class="s">难度 <span class="diff">★★☆</span> · 使用 12 次 · 正确率 70%</div></div><span class="tag gray">填空</span></div>
27</div>
28<button class="btn full">+ 新增题目</button>
29<div class="bottom-nav"><a class="nav-item active" href="qbank.html"><span class="icon">📚</span>题库</a><a class="nav-item" href="compose.html"><span class="icon">🧩</span>组卷</a><a class="nav-item" href="mark.html"><span class="icon">✍️</span>批阅</a></div><div class="safe-bottom"></div>
30</div>
31
32</body>
33</html>