用途:为应用界面中的侧边栏与面板提供设计模式参考,覆盖导航、工具、详情、聊天/活动等场景,并规范分栏布局。
主要能力与规则: 侧栏类型按用途区分宽度——导航侧栏 240-280px,工具面板 280-360px,详情面板 320-480px,聊天/活动面板 320-400px。 可折叠侧栏:折叠态仅图标(48-64px 宽),展开态图标加标签;切换按钮始终可见;用 localStorage 记住偏好;移动端改为带背景遮罩的覆盖层,支持滑动关闭。 详情面板:从右侧打开,展示列表中选中项的详情,不离开列表视图;右上角有 X 关闭按钮;可通过左边缘拖拽手柄调整大小。 布局规则:左侧栏用于导航,右侧面板用于详情/属性;主内容区不小于视口的 50%;侧栏内容与主内容独立滚动;重要操作(退出登录、设置)固定在侧栏底部;响应式下侧栏在移动端变为覆盖层,而非被压缩的列。
适用场景:Web 应用、后台管理、编辑器、聊天工具等需要侧栏或分栏布局的界面设计。
限制:资料仅提供设计模式与尺寸规则,未提供具体代码、安装命令、平台支持或收费信息,这些暂未提供。