这是做什么的
「小程序导航」用来设置小程序里点哪些菜单、跳到哪些页面。它分成两种位置:
- 顶部导航:小程序页面上方的菜单条。
- 底部导航(tabBar):小程序页面最底部那一排带图标的按钮(微信里很常见的那一栏)。
每条导航就是"一个名字 + 一个要跳转的页面"。
重要规则:微信小程序允许的底部导航数量最多 5 个、最少 2 个;而且因为小程序规则限制,添加到底部导航的项,不能同时添加到顶部导航,请自行控制(后台也有这句提示)。
在哪里操作
左侧主菜单 →【微信小程序】→【小程序导航】。
页面顶部有两个标签页:顶部导航 和 底部导航(tabBar),点标签切换要管理哪一类。右上角有【添加导航】按钮。
页面地址形如 ?route=miniprogram/nav。
【此处插入:小程序导航 - 顶部导航列表页截图】
操作前准备
- 已在"我的小程序"里启用了一个小程序。
- 想好每个导航的名称(如"首页""我的")和要跳转到哪个页面。
- 若打算用图标(底部导航通常要图标),先把图标图片准备好。
- 底部导航规划好2~5 个,不要超。
新增(分步操作)
进入【小程序导航】,先点顶部标签确定是顶部导航还是底部导航(tabBar),再点右上角【添加导航】(列表页右上角的按钮文字为「添加导航」)。
按顺序填写:
| 字段 | 填什么 | 是否必填 | 说明 |
|---|---|---|---|
| 系统内容 | 从下拉框"请您选择链接项目"里,选择这条导航要指向的已有内容(如某个栏目、某篇文章、某个商品等) | 选填 | 选了系统内容后,会自动带出这个内容的地址,一般不用手填链接 |
| 导航名称 | 小程序里显示的名字 | 必填 | 最长 200 字;右侧有语言按钮,可给不同语言分别填写 |
| 图标 | 导航的小图标 | 选填 | 仅当站点开启了图标功能时才会出现这一项;底部导航建议填 |
| 位置 | 显示当前是"顶部导航"还是"底部导航(tabBar)" | 系统显示 | 由你进入时所选的标签决定,不能在此处改 |
| 排序 | 数字,决定先后顺序,默认 50 | 选填 | 一般数字越小越靠前 |
填完点表单底部的【确定】提交。成功后提示"添加导航成功",列表里会多出一条。
添加页底部会有提示:"由于小程序规则限制,添加在 tabBar 的导航不能同时添加在顶部导航,请自行控制。"
编辑 / 修改
- 在列表里找到要改的那条,点右侧【编辑】。
- 表单会带出原来的内容,可修改以下项:
| 字段 | 说明 |
|---|---|
| 系统内容 | 可改这条导航指向哪个已有内容(只有自定义链接才会显示这一项) |
| 导航名称 | 可改名字,最长 200 字 |
| 图标 | 可换图标(开启图标功能时才有) |
| 链接地址 | 显示这条导航的目标地址;如果它指向的是系统内容,这一项是灰色只读的(后台提示"* 系统链接,不可编辑"),要改地址请改"系统内容" |
| 状态 | 选【显示】或【隐藏】;隐藏后小程序里就不显示这条导航 |
| 排序 | 改先后顺序 |
- 改完点【确定】,提示"编辑导航成功"即完成。
删除 / 批量操作
- 在列表里点该条导航右侧的【删除】。
- 弹出确认框,确认后删除,提示删除成功。
小程序导航没有批量删除,需逐条删除。删除后对应的小程序配置文件会自动同步。
列表页常用操作
- 顶部两个标签切换顶部导航 / 底部导航(tabBar)。
- 列表各列依次是:导航名称(名称后若带小图标,可点开查看图标原图)、链接地址、状态、排序、操作。
- 操作列有【编辑】和【删除】两个入口。
常见问题 / 小贴士
- 添加底部导航时提示数量超限? 底部导航最多 5 个、最少 2 个,请先删掉多余再添加。
- 同一个菜单既想放顶部又放底部? 不行,微信规则不允许,重复描述请只选一种位置。
- 链接地址改不了(灰色)? 说明这条是"系统内容"链接,地址由所选内容自动生成,请改上方"系统内容"下拉框。
- 列表里没有"图标"这一项? 说明站点没开启图标功能,不影响使用。
- 改完小程序里没变化? 回到【微信小程序】→【我的小程序】,点一次【同步模块和导航到当前小程序】。
- 排序数字怎么理解? 一般数字越小越靠前;想固定顺序就给不同数字(默认 50)。