← 返回开发时间线

开发笔记 v0.17.0:侧边栏 - 默认折叠与品牌区重构

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

2026-08-28

开发笔记视觉功能架构

开发笔记 v0.17.0 完成侧边栏交互与品牌区的一次整体升级,让桌面端内容默认获得完整阅读宽度,同时保留快速访问导航的能力。

侧边栏交互

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

品牌区视觉

  • 增加开发主题的线性代码图标,将英文标识统一为 DEV NOTES
  • 增加“个人开发知识库”副标题,调整字体、字距、分割线和纵向留白,使品牌区与其他站点保持同一套视觉语言。

UI 设计图留档

开发笔记 v0.17.0 侧边栏默认折叠状态 开发笔记 v0.17.0 侧边栏展开状态