微信小程序-导航栏 tabBar

官方文档

在 app.json 中新建一个 tabBar 。 里面默认包含一个list， 存放导航中的页面。

list

包含 pagePath, text, iconPath, selectedIconPath。 分别对应 页面路径， 页面名称， 图标路径， 选中图标路径。

图标可以从图标矢量库中下载使用。 未选中时无色，选中后带色较为合适。

路径最前面不加 /。

其他

字体颜色和选中字体颜色对应属性为 color, selectedColor, 和 list 同级。

设置颜色需要十六进制，前面不加 #。

背景色一般白色即可， 边框只支持白色和黑色，默认黑色即可。 导航栏也一般在底部，设置在顶部时不显示图标。

跳转事件

禁止使用 navigateTo() 或 rediectTo() 跳转到 tab 页面， 可以用 switchTab() 或 reLanuch()来跳转。