← 返回开发时间线

常识笔记 v1.4.0:侧边栏 - 默认折叠与品牌区重构

常识笔记完成默认折叠侧边栏与统一展开逻辑,补充书本线性图标、英文标识、中文副标题和更舒展的品牌区排版。

2026-08-28

常识笔记视觉功能架构

常识笔记 v1.4.0 完成侧边栏交互与品牌区的一次整体升级,让桌面端页面默认保持开放阅读状态,需要导航时再展开侧边栏。

侧边栏交互

  • 桌面端默认折叠,左侧触发区支持悬停预览和点击固定展开。
  • 展开状态支持侧边栏内部悬停保持、右上角线性收起按钮和 Escape 键收起。
  • 移动端继续使用抽屉式导航,窗口尺寸变化时自动在桌面折叠和移动抽屉之间切换。
  • 将布局交互抽取为共享 src/scripts/layout.ts,统一处理状态同步、延迟收起和无障碍标签。

品牌区视觉

  • 使用书本线性图标强化常识资料库的识别度,将英文标识统一为 LIFE NOTES
  • 增加“个人常识资料库”副标题,调整字体、字距、分割线和纵向留白,使品牌区与其他站点保持同一套视觉语言。

UI 设计图留档

常识笔记 v1.4.0 侧边栏默认折叠状态 常识笔记 v1.4.0 侧边栏展开状态