用途:Sidebar Patterns 整理了侧边栏导航的常见设计模式,供界面设计与前端实现时参考,涉及侧边栏类型、尺寸、交互与内容架构。
主要能力与模式:
- 应用侧边栏(常驻可见):展开宽度 240-280px,折叠为仅图标时 48-64px;支持展开与折叠切换;用背景高亮显示当前所在分区;可用分区标签对条目分组。
- 内容侧边栏:位于右侧,用于补充信息(属性、详情、聊天);内容变化时可调整宽度;可折叠以扩大主内容区。
- 移动端抽屉:离屏模式,从左侧滑入;遮罩使背景变暗;支持滑动关闭;全高,宽度 280-320px。
信息架构:顶部为 logo/品牌与折叠开关;主导航条目顶层最多 5-8 个;用分隔线或标题分组;底部放置用户头像/设置、帮助、退出登录;需要关注的条目可加角标计数;嵌套条目用箭头指示展开/折叠,最多两层。
使用方式与限制:资料未提供具体安装命令、代码示例或接入步骤,仅给出设计规范层面的描述;实际实现方式、适用框架与平台支持暂未提供。