MasterGo AI 不直接生成小程序底部导航专属组件，但可通过精准自然语言描述（如固定底部、3–5个图标+文字、选中态高亮色#FA2549、线性图标、留安全间距）配合移动端模式与手动优化（图层结构、自动布局、状态样式），高效产出符合规范的设计稿。
MasterGo AI 本身不直接生成“小程序底部导航”的专属组件，但它能通过自然语言描述+设计系统约束，高效产出符合小程序规范的底部导航布局。关键在于描述准确、结构清晰、配合手动微调。
明确描述底部导航的核心要素
AI 无法凭空理解“小程序底部导航”，必须告诉它具体包含什么：
- 固定在屏幕底部（强调“底部”“固定”）
- 通常含 3–5 个图标+文字组合（如首页、分类、购物车、我的）
- 选中态有高亮色（需指定主题色，例如 #FA2549）
- 图标风格统一（建议注明：线性图标 / 实心图标 / 小程序默认风格）
- 适配微信小程序安全区域（可加一句：“留出底部安全间距”）
用 MasterGo AI 生成的具体操作
进入「AI 生成界面」后，按以下顺序操作效果更稳：
- 选择「移动端」模式（不是网页版）
- 输入类似提示词：“微信小程序底部导航栏：包含首页、分类、购物车、我的四个标签，每个标签含居中图标和下方文字，未选中时灰色#999，选中时主题色#FA2549，底部固定，留出 iPhone 安全区域”
- 在颜色设置中填入主题色 #FA2549，圆角设为 0（小程序底部导航通常无圆角）
- 点击「开始生成」，等待约 10 秒，AI 会输出带图层结构的设计稿
生成后必须做的三步优化
AI 输出是起点，不是终点。底部导航需兼顾视觉与开发可用性：
- 检查图层命名与结构：确保每个 tab 是独立图层组（含 icon + text），方便后续导出或转为组件
- 启用自动布局：选中整个导航容器 → 按 Shift+A 添加垂直/水平自动布局 → 设置均匀间距、左右边距，让图标文字自动对齐
- 补充状态样式：复制一个 tab 组，修改文字颜色和图标填充色，标注为“选中态”，便于开发对照实现
进阶技巧：复用+批量生成
如果要做多套风格（比如暗色模式、企业定制版），不用重写全部描述：
- 在已有底部导航页面上点击「复制」→ 重命名（如“底部导航_暗色版”）
- 在 AI 输入框里只改关键句，例如：“…未选中时#666，选中时#007AFF，背景为深灰#1a1a1a”
- 再次生成，AI 会保留原有结构，只替换配色与背景，效率翻倍
