认导航
导航菜单
Menu / Nav Menu
「上面那一排链接」「网站顶部的菜单」「导航条」「点它换页面的」「顶部栏」「网站目录」「菜单那一行」
LIVE DEMO真实可交互，动手试试
- 英文名
- Menu / Nav Menu
- 别名 · 俗称
- 导航栏菜单栏顶部 Navshadcn: NavigationMenu
- Web 叫法
- NavigationMenu
- 大白话定义
- 页面顶部或侧边的一排入口，帮你在网站各个板块之间认路、切换。
- 部位拆解
- 标识 Logo点一下通常回到首页
- 菜单项 Menu Item一个入口对应一个页面或板块
- 高亮态 Active State告诉你现在正站在哪一页
提示词已按当前平台组织好，复制粘贴给 AI 即可
Web
在页面顶部加一个导航菜单（NavigationMenu），包含「首页、产品、关于我们」，当前页高亮，点击用路由跳转
调试 Prompt组件不听话时用——把症状补在末尾一起发给 AI
调试我的导航菜单（NavigationMenu）。逐一排除：路由匹配规则写错，当前页高亮停在错误的菜单项；下拉子菜单 z-index 不够，被 sticky 页头压住；触屏上点第一下只展开不跳转，点第二下才走；窄屏下菜单项挤爆，既没换行也没折叠成汉堡。症状是：