导航菜单Menu

你可能会说

功能越来越多，得有一列菜单让用户找得到入口。

导航菜单是按层级组织页面或功能入口、帮助用户在产品中移动的导航组件后台可用侧边菜单列出“项目、成员、设置”，并高亮当前位置。它用于前往不同位置；切换同一对象的平级内容应使用标签页。

你可以这样告诉 AI Agent

请把后台 8 个页面按任务分组放进导航菜单，并高亮当前页面。不要把整站页面改成标签页或全部藏进“更多”。请逐个打开入口，确认网址、页面标题和当前态一致，手机上也能找到菜单。

组成结构 · Anatomy

整条菜单，负责排列菜单项和管理高亮状态

一个可点入口，点击跳转到对应页面

可选，用于辅助识别功能

可选，提示未读数或有新内容

常见变体 · Variants

水平导航Horizontal

入口较少且横向空间充足时，适合网站顶栏

侧边导航Vertical

功能较多并需要持续显示分组时

收起态Collapsed

内容区宽度不足时，可收起为图标导航

典型使用场景

后台管理系统侧边栏

云云帆后台

数据概览

今日访问

12,483

新增用户

356

网站顶部主导航

◆ Museon 首页产品文档定价

让团队协作更清楚

文档站多级目录

开发指南

核心概念

安装与配置

npm install museon-ui

移动端抽屉菜单

商城首页

林小狐