renew.html · 约 2923 字符
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="section-title"><span>当前借阅（可续借）</span><span class="more">每本最多 2 次</span></div>
18<div class="list"><div class="row">
19 <div class="avatar">📘</div>
20 <div class="info"><div class="t">深入理解计算机系统</div><div class="s">应还 2026-07-10 · 剩余 7 天</div><div class="s">已续借 1 / 2 次</div></div>
21 <span class="btn">续借</span>
22</div><div class="row">
23 <div class="avatar">📘</div>
24 <div class="info"><div class="t">Python编程：从入门到实践</div><div class="s">应还 2026-07-25 · 剩余 20 天</div><div class="s">已续借 0 / 2 次</div></div>
25 <span class="btn">续借</span>
26</div><div class="row">
27 <div class="avatar">📘</div>
28 <div class="info"><div class="t">算法导论</div><div class="s">应还 2026-07-05 · 剩余 2 天</div><div class="s">已续借 2 / 2 次</div></div>
29 <span class="tag gray">已达上限</span>
30</div></div>
31<div class="section-title"><span>我的收藏</span><span class="more">共 4 本</span></div>
32<div class="list"><div class="row">
33 <div class="avatar">⭐</div>
34 <div class="info"><div class="t">三体</div><div class="s">刘慈欣</div></div>
35 <span class="btn line">取消收藏</span>
36</div><div class="row">
37 <div class="avatar">⭐</div>
38 <div class="info"><div class="t">人类简史</div><div class="s">尤瓦尔·赫拉利</div></div>
39 <span class="btn line">取消收藏</span>
40</div><div class="row">
41 <div class="avatar">⭐</div>
42 <div class="info"><div class="t">明朝那些事儿</div><div class="s">当年明月</div></div>
43 <span class="btn line">取消收藏</span>
44</div><div class="row">
45 <div class="avatar">⭐</div>
46 <div class="info"><div class="t">经济学原理</div><div class="s">曼昆</div></div>
47 <span class="btn line">取消收藏</span>
48</div></div>
49
50<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" href="history.html"><span class="icon">📖</span>历史</a><a class="nav-item active" href="renew.html"><span class="icon">🔁</span>续借</a><a class="nav-item" href="catalog.html"><span class="icon">🛠️</span>管理</a></div>
51<div class="safe-bottom"></div>
52</div>
53</body>
54</html>