r76/comment.html · 约 2524 字符
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,maximum-scale=1,user-scalable=no">
6<title>评论收藏</title>
7<link rel="stylesheet" href="style.css">
8</head>
9<body>
10<div class="app">
11 <header class="top">
12 <div class="top-l">夜读者 · 阿哲</div>
13 <div class="top-r">评论收藏</div>
14 </header>
15 <main class="main">
16<div class="seg" style="margin-bottom:12px"><div class="sg on"><button>💬 评论 38</button></div><div class="sg"><button>❤ 收藏 12</button></div></div>
17<div class="card">
18 <div class="sec-title"><span class="em">💬</span> 收到的评论</div>
19 <div class="comment"><div class="avatar">游</div><div class="info"><div class="nm">游客 7382</div><div class="tx">"闭包这段讲得太清楚了，终于懂了！"</div><div class="muted" style="margin-top:3px">来自《JavaScript 闭包与内存管理》</div></div></div>
20 <div class="comment"><div class="avatar">豆</div><div class="info"><div class="nm">豆豆</div><div class="tx">"请问 WeakMap 那段能再展开说说吗？"</div><div class="muted" style="margin-top:3px">来自《JavaScript 闭包与内存管理》</div></div></div>
21</div>
22<div class="card">
23 <div class="sec-title"><span class="em">❤</span> 我的收藏</div>
24 <a class="note" href="read.html" style="text-decoration:none;color:inherit"><div class="thumb">🧠</div><div class="info"><div class="nm">费曼技巧学习笔记</div><div class="sub">方法论 · 效率</div></div><span class="tag">❤</span></a><a class="note" href="read.html" style="text-decoration:none;color:inherit"><div class="thumb">🐍</div><div class="info"><div class="nm">Python 装饰器实战总结</div><div class="sub">后端 · Python</div></div><span class="tag">❤</span></a><a class="note" href="read.html" style="text-decoration:none;color:inherit"><div class="thumb">📐</div><div class="info"><div class="nm">线性代数直觉笔记</div><div class="sub">数学 · 基础</div></div><span class="tag">❤</span></a>
25</div>
26</main>
27 <nav class="nav"><a class="" href="home.html"><span class="ic">🏠</span>首页</a><a class="" href="tags.html"><span class="ic">🏷️</span>标签</a><a class="" href="write.html"><span class="ic">✏️</span>编写</a><a class="" href="search.html"><span class="ic">🔍</span>搜索</a><a class=" on" href="me.html"><span class="ic">👤</span>我的</a></nav>
28</div>
29<script></script>
30</body>
31</html>