{{ userInfo.name }} {{ userInfo.email }}
图标岛侧栏

将业务视图接入主内容区

左侧悬浮品牌圆与胶囊图标岛,顶栏与主内容浮在浅底上,单列无第二面板。窄屏时图标岛收入抽屉。需要贴边图标轨或双轨分组菜单时,请改选对应框架。

  1. 1

    对齐信息结构

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

  2. 2

    适合放的内容

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

  3. 3

    窄屏怎么用

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

  4. 4

    落地时删掉说明

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

查看全部框架

侧栏框架 · 结构示意

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

© 2026 VibePM 产品经理智能协作平台
Esc
  • {{ item.label }} {{ item.hint }}
  • 无匹配命令