开发笔记 v0.17.0:侧边栏 - 默认折叠与品牌区重构
开发笔记完成默认折叠侧边栏与统一展开逻辑,补充开发笔记品牌图标、英文标识、中文副标题和更舒展的品牌区排版。
2026-08-28
开发笔记 v0.17.0 完成侧边栏交互与品牌区的一次整体升级,让桌面端内容默认获得完整阅读宽度,同时保留快速访问导航的能力。
侧边栏交互
- 桌面端默认折叠,左侧触发区支持悬停预览和点击固定展开。
- 展开状态支持侧边栏内部悬停保持、右上角线性收起按钮和 Escape 键收起。
- 移动端继续使用抽屉式导航,窗口尺寸变化时自动在桌面折叠和移动抽屉之间切换。
- 将布局交互抽取为共享
src/scripts/layout.ts,统一处理状态同步、延迟收起和无障碍标签。
品牌区视觉
- 增加开发主题的线性代码图标,将英文标识统一为
DEV NOTES。 - 增加“个人开发知识库”副标题,调整字体、字距、分割线和纵向留白,使品牌区与其他站点保持同一套视觉语言。
UI 设计图留档