r90/tags.html · 约 2139 字符
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">23 个标签</div><div class="muted">最常用的：工作、技术、读书</div></div><button class="btn sm">＋ 新建</button></div>
17<div class="card">
18 <div class="sec-title"><span>🏷️</span> 标签聚合</div>
19 <div class="chips" style="margin-bottom:0">
20 <span class="chip on">工作 42</span><span class="chip">技术 19</span><span class="chip">读书 18</span>
21 <span class="chip">生活 22</span><span class="chip">Q3 4</span><span class="chip">草稿 7</span>
22 <span class="chip">灵感 15</span><span class="chip">代码 11</span>
23 </div>
24</div>
25<div class="sgrid">
26 <div class="it"><span class="e">📁</span>工作 42</div><div class="it"><span class="e">🐍</span>技术 19</div><div class="it"><span class="e">📖</span>读书 18</div><div class="it"><span class="e">🧳</span>生活 22</div><div class="it"><span class="e">🎯</span>目标 6</div><div class="it"><span class="e">⚡</span>灵感 15</div><div class="it"><span class="e">🍳</span>收藏 12</div><div class="it"><span class="e">🔥</span>热点 9</div>
27</div>
28<div class="card"><div class="row"><div class="muted">🧹 检测到 2 个重复标签，建议合并</div><button class="btn line sm">合并</button></div></div>
29</main>
30 <nav class="nav"><a class="" href="index.html"><span class="ic">📒</span>笔记</a><a class="" 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>
31</div>
32<script></script>
33</body>
34</html>