标签滑动 — 将菜单项分组到标签中
什么是标签滑动？
通过标签滑动，您可以将菜单组织成组，并将每个组放在单独的标签下，而不是一次性显示所有菜单项。访客只需轻触一个标签即可在组之间切换，使得长菜单干净、紧凑且易于导航。
它的外观：
┌──────────────────────────────────┐
│ [Shop] [Blog] [Deals] │ ← 标签
│ ────── │
│ • T-Shirts │
│ • Pants │ ← “Shop” 标签的内容
│ • Accessories │
└──────────────────────────────────┘
当访客点击 “Blog” 时，内容会立即切换到博客文章 — 无需重新加载页面。
如何设置标签滑动
第 1 步 — 添加标签标记
- 在菜单树中，点击 “添加项目”
- 选择项目类型 标签滑动（蓝色标签图标）
- 输入 标签名称（例如 “Shop”、”Blog”、”Deals”）
- 点击 添加
标签标记将在菜单树中显示，带有蓝色 [Tab] 徽章。
第 2 步 — 向标签添加内容
所有直接放置在标签标记 下方 的菜单项都属于该标签。
[Tab] Shop ← 标签标记（在第 1 步中创建）
T-Shirts ← 属于 “Shop” 标签
Pants ← 属于 “Shop” 标签
Accessories ← 属于 “Shop” 标签
[Tab] Blog ← 下一个标签标记
Latest News ← 属于 “Blog” 标签
Style Guides ← 属于 “Blog” 标签
第 3 步 — 添加更多标签（可选）
对每个您想要的标签重复步骤 1-2。标签的数量没有限制。
结束标签组
有时您希望某些项目 始终可见 — 在任何标签之外 — 例如底部的 “Contact” 或 “Search” 链接。
为此：
- 添加一个新的 标签滑动 项目
- 在编辑面板中，勾选 “标签组结束”
- 此标记下方的所有项目将显示为常规菜单项
[Tab] Shop
T-Shirts, Pants...
[Tab] Blog
News, Guides...
[End of Tab group] ← 标记标签的结束
Contact Us ← 始终可见，不在任何标签内
About ← 始终可见
自定义每个标签
每个标签标记可以独立样式化：
| 选项 | 描述 |
|---|---|
| 标签名称 | 在标签按钮上显示的文本 |
| 图标 | 名称旁边的小图标（来自图标库） |
| 图像 | 代替图标的图像 |
| 布局 | 图标在名称的上方/下方/左侧/右侧，仅图标或仅文本 |
| 文本颜色 | 每个标签标签的自定义颜色 |
| 文本大小 | 每个标签标签的自定义字体大小 |
提示： 将布局保持为 “自动” 对于大多数菜单效果很好 — 标签将适应以看起来最佳。
哪些菜单类型支持标签滑动？
标签滑动适用于 所有 Navi+ 菜单类型：
- ✅ 标签栏
- ✅ 滑动菜单
- ✅ 大型菜单
- ✅ FAB 菜单
- ✅ 网格菜单
它也适用于 任何菜单级别 — 不仅仅是主菜单，还可以在子菜单中使用（级别 2，级别 3）。
常见问题解答
标签标记会作为菜单项出现吗？ 不会。标签标记对访客是不可见的 — 它们只创建标签按钮。您实际的菜单项是出现在每个标签内的内容。
我可以为标签添加图标吗？ 可以。像编辑其他项目一样编辑标签标记，并从库中选择图标，或上传自定义图像。
哪个标签首先显示？ 当菜单打开时，第一个标签始终默认选中。
我可以有多少个标签？ 没有硬性限制，但我们建议将其保持在 3-6 个标签，以获得最佳的移动屏幕体验。
我可以在子菜单中使用标签滑动吗？ 可以。在任何子菜单中放置标签标记，标签行为将在该级别上工作。