添加子菜单和下拉菜单
💡 本篇你将完成：在导航菜单里新增下拉项和普通菜单项。预计 3 分钟。
先确认菜单类型，再控制下拉数量
如果默认模板里的菜单不是下拉菜单，不要直接改文字。先在 AI 输入框里输入：替换一个可以下拉分类的菜单，不要下拉卡片样式的，让系统先添加或替换成下拉菜单模块。
下拉菜单适合把同类入口收在一起，例如在 Products 下放产品分类，在 Company 下放 About 和 Contact。顶部一级菜单超过 6 个时再考虑归类，新手第一轮只做 1 到 2 个下拉菜单即可。
先找到操作入口
操作路径： AllinCMS 工作台站点列表 → 目标站点 → 进入后台 → 主题 → 当前主题页面 → Home 或目标页面
流程总览
1选中导航菜单
2打开右侧 Props
3添加 dropdown item
4添加 menu
5填写文字和链接
一、选中导航菜单
进入页面设计器，点击顶部导航区域或菜单模块。选中后，右侧会显示 Props 属性面板。
二、添加下拉菜单项
在 Props 属性里找到 + Add dropdown item。
这个入口用于新增一个带下拉结构的菜单。适合这些场景：
Products：下面放多个产品分类。Solutions：下面放多个解决方案页面。Company：下面放 About、Contact、News。
添加后，继续在下拉项里面填写菜单名称和跳转链接。
常见结构：
Products
- Wireless Earphones
- Bluetooth Speakers
- Smart Watches
三、添加普通菜单项
在 Props 属性里找到 + Add menu。
这个入口用于新增一个普通导航菜单。比如：
About Us
Contact Us
OEM
如果这个菜单要跳转到某个页面，记得把 Target 设置为 Custom，再填写真实路径，例如：
/contact-us
四、检查前台效果
设置完成后，预览或发布页面，检查三件事：
- 顶部菜单是否显示新增项。
- 鼠标移动或点击时，下拉菜单是否能展开。
- 每个菜单点击后是否进入正确页面。
能展开、能点击、不卡手机端才算完成
电脑端能展开还不够，手机端菜单也要点一次。
避坑汇总
| 坑 | 后果 | 怎么避 |
|---|---|---|
| 菜单文字填了但没填链接 | 点击没有反应 | 同时填写菜单名和 Target |
| 链接靠猜 | 可能出现 404 | 复制真实页面路径 |
| 下拉项太多 | 用户难找 | 按分类整理，保持简洁 |
| 只测电脑端 | 手机端可能不好点 | 手机也点一次 |
接下来
📌 跳转链接 —— 如果不确定链接怎么填，先看这篇。