r90/search.html · 约 2225 字符
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="search">🔎 输入关键词，如「搜索」</div>
17<div class="chips">
18 <div class="chip on">🕘 最近</div><div class="chip">📁 工作</div><div class="chip">🐍 技术</div>
19 <div class="chip">⭐ 星标</div><div class="chip">🏷️ 标签</div>
20</div>
21<div class="card">
22 <div class="sec-title"><span>🔎</span> 「搜索」相关（8 篇）</div>
23 <a class="note" href="detail.html"><div class="thumb">💡</div><div class="info"><div class="nm">产品需求 PRD 草稿</div><div class="sub">工作 · 草稿</div><div class="meta">含 <b style="color:var(--pri)">搜索</b> 3 处</div></div></a><a class="note" href="detail.html"><div class="thumb">🐍</div><div class="info"><div class="nm">Python 代码片段</div><div class="sub">技术 · 代码</div><div class="meta">含 <b style="color:var(--pri)">搜索</b> 3 处</div></div></a><a class="note" href="detail.html"><div class="thumb">📐</div><div class="info"><div class="nm">检索架构设计</div><div class="sub">知识库 · 技术</div><div class="meta">含 <b style="color:var(--pri)">搜索</b> 3 处</div></div></a>
24</div>
25<div class="card">
26 <div class="sec-title"><span>🏷️</span> 标签聚合</div>
27 <span class="tag">搜索(8)</span> <span class="tag">Q3(4)</span> <span class="tag">代码(19)</span> <span class="tag">读书(18)</span>
28</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=" on" 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>