📝 笔记页面原型

飞书文档风格的块编辑器改造方案,包含浮动工具栏、斜杠命令、文档大纲等核心特性。点击查看完整演示。

方案 A

经典飞书风格

最接近飞书文档的原版体验。三栏布局(侧边栏 + 编辑器 + 大纲),浅色主题,蓝色调为主。固定的文档大纲面板,搜索栏和文件夹树状结构。

📦 块编辑器 🔧 浮动工具栏 ⚡ 斜杠命令 📑 固定大纲 🗂 文件夹树 ✅ 待办事项
查看完整演示 →
方案 B

Notion 极简风格

借鉴 Notion 的极简美学。更大的内容区域,封面图 + 大图标,属性面板(标签、时间),折叠列表,浮动式大纲。页面层级导航结构。

📦 块编辑器 🔧 浮动工具栏 ⚡ 斜杠命令 📑 浮动大纲 🖼 封面图 📂 折叠列表
查看完整演示 →
方案 C

沉浸写作风格

专注内容创作的沉浸式体验。深色侧边栏 + 纸张效果编辑区,衬线字体排版,阅读进度条,渐变装饰代码块,圆形复选框,整体更有文学质感。

📦 块编辑器 🔧 浮动工具栏 ⚡ 斜杠命令 📑 抽屉大纲 📜 纸张效果 📊 阅读进度
查看完整演示 →