导航菜单
Menu
初级通用导航菜单（Menu）是一组有名称的入口，让用户从当前页面前往产品的其他页面或功能区域。它解决的是“接下来去哪儿”的问题，比如在后台从订单页切换到库存页。
你可能会说：「帮我把后台的订单、库存和客户页面放在一处，让用户随时能找到并切换。」
动手看看商家后台的页面导航
当前菜单项
悬停、按住菜单项，或用 Tab 聚焦，体验入口反馈；再切换下方「当前菜单项」，模拟导航后的页面变化。
悬停表示「这里可以去」，焦点表示「键盘正停在这里」；持续的彩色高亮才表示当前页面，别把这三种状态混为一谈。
「订单」高亮，右侧显示订单管理。菜单告诉你现在在哪儿，也把库存和客户这两个下一站留在眼前。
要点导航菜单怎样帮用户找到路？
- 1
菜单项对应明确的去处
你可以把每个菜单项理解成一个有名字的入口。比如点“库存”就进入库存页面；如果名字和到达的地方对不上，用户就得反复试错。
- 2
分组反映产品的内容结构
后台功能多了，我们可以把“订单”和“退款”放在交易组，把“成员”和“权限”放在设置组。这样用户先判断大方向，再找具体入口。
- 3
当前位置需要看得出来
用户进入“订单”后，菜单里对应的入口保持选中状态，就能知道自己在哪儿。这个状态要跟当前页面一致，而不只是记录刚才点了哪一项。
容易混淆的地方
导航菜单说的是一组供用户前往不同位置的入口，不限定它长在页面哪里。顶部导航栏是承载这些入口的一种界面区域；下拉菜单是一种展开呈现方式，也可能装的是操作命令而非导航。判断时看用户选完是去了别处，还是对当前内容执行了操作。
什么时候用
适合用
- 做多模块管理后台时，用导航菜单集中放置订单、库存、客户等页面入口，方便用户跨模块切换。
- 做文档网站时，把入门、接口说明和常见问题组织成菜单，让读者按主题找内容。
- 做移动 App 时，用导航菜单呈现几个常去的主要区域，让用户知道产品有哪些去处。
不适合用
- 页面只有一段很长的内容，用户只是要跳到某个小节时，用目录和锚点更直接。
- 用户要在同一张报表里切换“按日”和“按月”的视图时，用标签页或分段控件更贴切。
- 用户知道目标名称，想从上千篇文章里找一篇时，用搜索比让他逐级翻菜单省力。
练一练选一个答案，看看解释
你在做一个有订单、库存、客户三个模块的后台。用户需要在任意模块间切换，还要知道自己当前在哪个模块。你会让 AI Agent 做什么？
让 AI 帮你做复制给 AI Agent 直接用
请为这个管理后台实现导航菜单，包含订单、库存、客户三个模块入口。菜单项名称与目标页面对应，并根据当前路由标出所在模块；切换页面后状态也要同步更新。请先说明你打算把菜单放在哪里。