r90/edit.html · 约 2335 字符
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">
17 <div class="sec-title"><span>📝</span> 标题</div>
18 <div class="search" style="margin-bottom:0">产品需求 PRD 草稿</div>
19</div>
20<div class="card">
21 <div class="sec-title"><span>🛠️</span> 工具栏</div>
22 <div class="toolbar">
23 <button class="tb">B</button><button class="tb">I</button><button class="tb">U</button>
24 <button class="tb">H</button><button class="tb">“</button><button class="tb">•</button>
25 <button class="tb">🔗</button><button class="tb">🖼️</button><button class="tb">{}</button>
26 </div>
27 <textarea class="ta"># 一、背景
28随着用户量增长，现有笔记检索响应变慢，需在 Q3 完成全文搜索重构。
29
30## 二、目标
31- 搜索延迟 < 200ms
32- 支持 Markdown 与标签聚合
33
34> 引用：参考竞品 Notion 的索引方案</textarea>
35 <div class="muted" style="margin-top:8px">支持 Markdown 实时渲染 · 自动保存于 09:21</div>
36</div>
37<div class="card">
38 <div class="sec-title"><span>🏷️</span> 归属</div>
39 <span class="tag">工作</span> <span class="tag">草稿</span>
40 <button class="btn ghost sm" style="margin-left:6px">＋ 笔记本</button>
41</div>
42<div class="row" style="gap:8px;margin:2px 2px 12px">
43 <a class="btn line flex" style="flex:1;text-decoration:none;text-align:center" href="index.html">预览</a>
44 <a class="btn flex" style="flex:1;text-decoration:none;text-align:center" href="detail.html">保存</a>
45</div>
46</main>
47 <nav class="nav"><a class=" on" 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>
48</div>
49<script></script>
50</body>
51</html>