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

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

mw_tool · 上传者 驰旭教育
← 返回详情
r89/kb.html · 约 2001 字符
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="banner"><div class="b1">🧠 团队知识库</div><div class="b2">已沉淀 128 篇文档 · 支持目录树检索</div></div>
17<div class="card">
18  <div class="sec-title"><span class="ic">🌲</span> 目录树</div>
19  <div class="tree">
20    <div class="node"><span class="ic">📂</span> 产品手册</div>
21    <div class="child">
22      <div class="node"><span class="ic">📄</span> 入门指南</div>
23      <div class="node"><span class="ic">📄</span> 功能说明</div>
24    </div>
25    <div class="node"><span class="ic">📂</span> 研发文档</div>
26    <div class="child">
27      <div class="node"><span class="ic">📄</span> API 参考</div>
28      <div class="node"><span class="ic">📄</span> 部署手册</div>
29    </div>
30    <div class="node"><span class="ic">📂</span> 团队规范</div>
31    <div class="child">
32      <div class="node"><span class="ic">📄</span> 代码规范</div>
33      <div class="node"><span class="ic">📄</span> 评审流程</div>
34    </div>
35  </div>
36</div>
37<a class="btn full" href="search.html" style="text-decoration:none;text-align:center">🔍 检索知识库</a>
38</main>
39  <nav class="nav"><a class="" 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=" on" href="kb.html"><span class="ic">🧠</span>知识库</a><a class="" href="settings.html"><span class="ic">⚙️</span>设置</a></nav>
40</div>
41<script></script>
42</body>
43</html>