r89/search.html · 约 2268 字符
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">🔍 输入关键词，如「Python」</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 class="ic">🔎</span> 「Python」结果（7）</div>
23 <a class="note" href="detail.html"><div class="thumb">🐍</div><div class="info"><div class="nm">Python 学习路线</div><div class="sub">学习 · 含 <b style="color:var(--pri)">Python</b> 基础到爬虫</div></div></a><a class="note" href="detail.html"><div class="thumb">📚</div><div class="info"><div class="nm">读书笔记《流畅的Python》</div><div class="sub">学习 · 提到 <b style="color:var(--pri)">Python</b> 装饰器</div></div></a><a class="note" href="detail.html"><div class="thumb">📝</div><div class="info"><div class="nm">自动化脚本小结</div><div class="sub">工作 · 用 <b style="color:var(--pri)">Python</b> 处理日报</div></div></a>
24</div>
25<div class="card"><div class="sec-title"><span class="ic">🧠</span> 知识库命中</div>
26 <div class="list"><span class="ic" style="color:var(--pri)">📄</span><div class="info"><div class="nm">部署手册</div><div class="sub">研发文档 · 含 Python 服务启动</div></div><span class="muted">›</span></div>
27</div>
28</main>
29 <nav class="nav"><a class=" on" href="index.html"><span class="ic">📒</span>笔记</a><a class="" href="edit.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="settings.html"><span class="ic">⚙️</span>设置</a></nav>
30</div>
31<script></script>
32</body>
33</html>