微信小程序-导航栏 tabBar

官方文档

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

list

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

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

路径最前面不加 /

其他

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

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

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

跳转事件

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