SuperAPI AI 工具集

sidebar-patterns

通用与其它

查看项目

更新于 10-15 21:12

技能介绍

用途:Sidebar Patterns 整理了侧边栏导航的常见设计模式,供界面设计与前端实现时参考,涉及侧边栏类型、尺寸、交互与内容架构。

主要能力与模式:

  1. 应用侧边栏(常驻可见):展开宽度 240-280px,折叠为仅图标时 48-64px;支持展开与折叠切换;用背景高亮显示当前所在分区;可用分区标签对条目分组。
  2. 内容侧边栏:位于右侧,用于补充信息(属性、详情、聊天);内容变化时可调整宽度;可折叠以扩大主内容区。
  3. 移动端抽屉:离屏模式,从左侧滑入;遮罩使背景变暗;支持滑动关闭;全高,宽度 280-320px。

信息架构:顶部为 logo/品牌与折叠开关;主导航条目顶层最多 5-8 个;用分隔线或标题分组;底部放置用户头像/设置、帮助、退出登录;需要关注的条目可加角标计数;嵌套条目用箭头指示展开/折叠,最多两层。

使用方式与限制:资料未提供具体安装命令、代码示例或接入步骤,仅给出设计规范层面的描述;实际实现方式、适用框架与平台支持暂未提供。