首页/ mobileweb/ 极简云笔记与知识库H5移动端功能演示/ 代码预览

💻 代码预览 · 极简云笔记与知识库H5移动端功能演示

mw_tool · 上传者 驰旭教育
← 返回详情
r89/edit.html · 约 1955 字符
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="toolbar">
18    <div class="tb">𝐁</div><div class="tb">𝐼</div><div class="tb">🔗</div><div class="tb">“”</div>
19    <div class="tb">•</div><div class="tb">1.</div><div class="tb">📷</div><div class="tb">🏷️</div>
20  </div>
21  <div class="muted" style="margin-bottom:8px"># 产品需求评审纪要</div>
22  <textarea class="ta">## 参会人
23产品经理:林岚;研发:周野;设计:苏晚
24
25## 关键结论
261. V2.3 优先级:搜索性能优化 > 列表加载
272. 知识库目录树交互本期不做,下个迭代评估
283. 移动端富文本工具栏对齐 PC 端
29
30## 待确认
31- 导出 PDF 是否计入免费额度(@周野 跟进)</textarea>
32</div>
33<div class="row" style="gap:8px">
34  <button class="btn line" style="flex:1">🏷️ 标签</button>
35  <button class="btn line" style="flex:1">📁 归入笔记本</button>
36  <a class="btn" href="detail.html" style="flex:1;text-decoration:none;text-align:center">保存</a>
37</div>
38<div class="muted" style="text-align:center">已自动保存 · 09:51</div>
39</main>
40  <nav class="nav"><a class="" href="index.html"><span class="ic">📒</span>笔记</a><a class=" on" 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>
41</div>
42<script></script>
43</body>
44</html>