必须在需求首句明确声明导航高亮，如“主菜单导航栏需支持当前页面高亮”，否则AI不生成选中状态逻辑；推荐用含色值的具体描述（如“选中项背景#409EFF、字体白色”）触发精准实现。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
要在码上飞AI生成的应用中让当前页面的导航项高亮显示，必须在需求描述阶段就明确告知AI“需要突出当前导航位置”，否则生成的前端代码默认不包含选中状态逻辑，用户点击后页面跳转但导航栏毫无视觉反馈。
在原始需求中直接声明导航选中状态
打开 https://www.codeflying.net → 登录账号 → 在对话框输入你的应用需求 → 【必须在第一句话或紧随其后的补充说明里写明】：“主菜单导航栏需支持当前页面高亮，例如点击‘订单管理’时，该文字加粗并显示蓝色底色”。
这一步不能省略。码上飞不会自动推断“导航应该有选中态”，它严格按你写的文字生成逻辑。漏掉这句话，后续所有页面都只有静态导航，无任何激活样式。
用业务语言替代技术词来触发正确实现
方法一：说“用户点哪个菜单，哪个就变颜色”
方法二：说“顶部导航条要像微信小程序那样，当前页菜单下有一条横线”
方法三：说“左侧菜单栏选中项背景色为#409EFF，字体白色，未选中为灰色”
三种说法都会被AI识别为导航状态需求，但方法三最稳妥——它提供了具体色值和样式规则，AI会直接写进CSS变量，避免后期手动改样式。
生成后验证与微调路径
第一步：预览应用 → 点击不同导航页 → 观察顶部/侧边栏是否有视觉变化
第二步：若无变化 → 返回对话页 → 输入：“请为导航组件添加路由匹配高亮逻辑，使用 Vue Router 的 exactActiveClass 或 React Router 的 activeClassName”
第三步：AI会重新生成带 router-link 包裹的导航代码，并注入 class 控制逻辑 → 再次预览即可生效
注意：这一步只能在Web端操作，手机浏览器无法进入代码调整环节。如果已在小程序平台发布，需先撤回再重生成。
