列表 01随笔
演示知识笔记
演示知识：把长标题整理成清晰的档案行
查看标题、摘要、日期和独立操作；这些数据只用于样张。
// DESIGN TOOLKIT / 01
把界面拆成
可复用的部分。
这里集中展示知识花园的桌面网页规范：页面布局、常用部件、交互反馈，以及四组外观预设。
WEB PAGES06桌面样张
PRESETS04外观预设
AXES06独立外观选项
亮黄只标记当前位置、主要操作和需要注意的状态。
// PAGE TYPES / 网页样张
六个页面，覆盖从阅读到交互
// APPEARANCE / 四组预设
固定规则不变，外观按需调整
// CUSTOM PREVIEW / 独立组合
调整六项外观，打开组合预览
每个样张支持深浅主题和地址参数；预览页可继续切换主题，选择会保存在当前浏览器。
// COMPONENT STATES
实际组件状态矩阵
演示数据不读取或写入个人档案。可用 Tab 检查焦点、Enter 操作按钮、Escape 关闭弹层。
01 / 导航与筛选
当前项同时以填充、字重和按下状态标识。切换导航或筛选可观察下方档案行。
02 / 档案行与空状态
“查看详情”打开演示弹层；“阅读”前往个人档案。演示删除按钮只显示反馈。
列表 02随笔
阅读整理笔记
演示知识：另一个记录日期
用于验证月份和分类图的真实数量。
03 / 真实分类与日期图
复用档案页图形；样张数量来自本页三条隔离演示记录。选择分类或月份会筛选上方档案行。
// CATEGORY DISTRIBUTION
分类分布
2 个分类 / 2 条记录按当前分区全部记录统计，不随搜索词缩小分母；条长为该类记录数 ÷ 最大类记录数，点选分类即筛选下方列表。
// RECORDS BY DATE
按记录日期
2025.12 – 2026.11按每条记录的日期计数，不受最近更新时间影响；柱高与上方数字一致。点选月份可筛选下方列表。
2 条记录落在 2025.12 – 2026.11 内。
04 / 空与异常状态
四种真实状态的辅助插图。读取和写入异常只在实际错误发生时出现在档案页。
05 / 精选封面
复用成果页的实际精选组件；此处展示无图片时的状态。
这条成果没有附证明图片。成果名称、日期与已有字段完整保留，可编辑记录补充证明材料。
- 记录日期
- 2026.10.28
- 类别
- 演示成果
06 / 表单与反馈
07 / 弹层与焦点返回
08 / 轮播与桌面布局
桌面布局。使用左右按钮或方向键切换两张演示页面。
09 / 阅读与章节状态
复用档案阅读组件。点击章节目录查看当前位置；编辑按钮仅显示演示反馈。
// LOCAL ARCHIVE / READ
随笔阅读 / 03 节演示阅读：章节、代码与关联记录
查看标题、摘要、日期和独立操作；这些数据只用于样张。
阅读正文
这里是演示笔记，验证正文、标题和目录的对齐。
代码与链接
const archive = "演示内容";关联记录
关联入口保留日期与分类。