r90/notebooks.html · 约 2701 字符
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="card row"><div><div class="nm">6 个笔记本</div><div class="muted">共 128 篇笔记</div></div><button class="btn sm">＋ 新建</button></div>
17<div class="grid">
18 <a class="tile t-orange" href="index.html" style="text-decoration:none;color:#0b1220"><span class="e">📁</span><div><div class="t">工作</div><div class="s">42 篇</div></div></a><a class="tile t-cyan" href="index.html" style="text-decoration:none;color:#0b1220"><span class="e">📚</span><div><div class="t">阅读</div><div class="s">18 篇</div></div></a><a class="tile t-vio" href="index.html" style="text-decoration:none;color:#0b1220"><span class="e">🧳</span><div><div class="t">生活</div><div class="s">22 篇</div></div></a><a class="tile t-pink" href="index.html" style="text-decoration:none;color:#0b1220"><span class="e">⚡</span><div><div class="t">随记</div><div class="s">15 篇</div></div></a><a class="tile t-emer" href="index.html" style="text-decoration:none;color:#0b1220"><span class="e">🐍</span><div><div class="t">技术</div><div class="s">19 篇</div></div></a><a class="tile t-amber" href="index.html" style="text-decoration:none;color:#0b1220"><span class="e">🍳</span><div><div class="t">收藏</div><div class="s">12 篇</div></div></a>
19</div>
20<div class="card">
21 <div class="sec-title"><span>🗂️</span> 笔记本操作</div>
22 <div class="note"><div class="info"><div class="nm">工作</div><div class="sub">默认笔记本 · 置顶</div></div><span class="badge b-ok">置顶</span></div>
23 <div class="note"><div class="info"><div class="nm">技术</div><div class="sub">含代码高亮</div></div><span class="badge b-pri">代码</span></div>
24 <div class="note"><div class="info"><div class="nm">生活</div><div class="sub">可加密</div></div><button class="btn ghost sm">加密</button></div>
25</div>
26</main>
27 <nav class="nav"><a class="" href="index.html"><span class="ic">📒</span>笔记</a><a class=" on" href="notebooks.html"><span class="ic">🗂️</span>笔记本</a><a class="" href="kb.html"><span class="ic">📚</span>知识库</a><a class="" href="search.html"><span class="ic">🔎</span>搜索</a><a class="" href="settings.html"><span class="ic">⚙️</span>设置</a></nav>
28</div>
29<script></script>
30</body>
31</html>