history.html · 约 2917 字符
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
17<div class="seg">
18 <div class="sg on">全部</div><div class="sg">借期中</div><div class="sg">已归还</div><div class="sg">逾期</div>
19</div>
20<div class="section-title"><span>借阅记录</span><span class="more">共 6 条</span></div>
21<div class="list"><div class="row">
22 <div class="avatar">📗</div>
23 <div class="info"><div class="t">深入理解计算机系统</div><div class="s">借出 2026-06-10 · 应还 2026-07-10</div><div class="s">归还 未归还</div></div>
24 <span class="tag wait">借期中</span>
25</div><div class="row">
26 <div class="avatar">📗</div>
27 <div class="info"><div class="t">Python编程：从入门到实践</div><div class="s">借出 2026-06-25 · 应还 2026-07-25</div><div class="s">归还 未归还</div></div>
28 <span class="tag wait">借期中</span>
29</div><div class="row">
30 <div class="avatar">📗</div>
31 <div class="info"><div class="t">人类简史</div><div class="s">借出 2026-05-20 · 应还 2026-06-20</div><div class="s">归还 2026-06-15</div></div>
32 <span class="tag ok">已归还</span>
33</div><div class="row">
34 <div class="avatar">📗</div>
35 <div class="info"><div class="t">三体</div><div class="s">借出 2026-03-01 · 应还 2026-04-01</div><div class="s">归还 2026-03-28</div></div>
36 <span class="tag ok">已归还</span>
37</div><div class="row">
38 <div class="avatar">📗</div>
39 <div class="info"><div class="t">百年孤独</div><div class="s">借出 2025-12-10 · 应还 2026-01-10</div><div class="s">归还 2026-01-08</div></div>
40 <span class="tag ok">已归还</span>
41</div><div class="row">
42 <div class="avatar">📗</div>
43 <div class="info"><div class="t">经济学原理</div><div class="s">借出 2026-04-02 · 应还 2026-05-02</div><div class="s">归还 2026-04-28</div></div>
44 <span class="tag ok">已归还</span>
45</div></div>
46
47<div class="bottom-nav"><a class="nav-item" href="index.html"><span class="icon">🏠</span>主页</a><a class="nav-item" href="search.html"><span class="icon">🔍</span>检索</a><a class="nav-item active" href="history.html"><span class="icon">📖</span>历史</a><a class="nav-item" href="renew.html"><span class="icon">🔁</span>续借</a><a class="nav-item" href="catalog.html"><span class="icon">🛠️</span>管理</a></div>
48<div class="safe-bottom"></div>
49</div>
50</body>
51</html>