Vibe Design Layouts · App Shell
空间将满,升级继续协作

已用 86%。清理附件或升级方案,避免上传中断。

已有 128 个团队完成升级

团队存储 8.6 / 10 GB
附件库 3.2 / 4 GB
回收站 320 / 500 MB

剩余 1.4 GB,建议清理附件。

Pro 专业版 剩余 18 天 · 8 / 15 席

按年付费,到期自动续订;闲置席位可随时回收,不影响项目与历史版本。

  • 无限项目与版本历史
  • 优先支持与审计日志
  • 自定义角色与 SSO

{{ currentParent }}

全部 进行中 已完成 全部 我负责的 已关注 全部 高 中 低 全部 需求 缺陷 任务
批量操作
灰栏工作台

将业务视图接入主内容区

左侧灰底承载品牌与导航,搜索在 LOGO 右侧无边框;右侧白底工作台并以竖线分隔。顶栏左上为展开/收起,旁为子菜单标题。交互与侧栏通顶同源。

  1. 1

    对齐信息结构

    分组只做分区。父级展开/收起,子级才进页面。把当前选中项映射到本槽页头与正文。

  2. 2

    适合放的内容

    功能说明、上手步骤、权限提示、空状态与下一步。需要数据时再换成表格或详情。

  3. 3

    窄屏怎么用

    顶栏出产品名与菜单,侧栏变抽屉。点父级只展开,点子项再跳转。面包屑过长会单行截断。

  4. 4

    落地时删掉说明

    复制骨架后用产品页替换本区。顶栏布局图标只切页面框架,与业务导航无关。

查看全部框架

侧栏框架 · 结构示意

落地时删除本引导,将当前路由的业务视图接入此内容区即可。

© 2026 VibePM 产品经理智能协作平台
未找到匹配结果
↑↓ 导航 ↵ 确认 esc 关闭