打开微信小程序官方文档https://developers.weixin.qq.com/miniprogram/dev/reference/api/App.html,往下翻,就可以看到tabBar的相关api和注意事项
![](https://img.haomeiwen.com/i9164201/9ebb0ed1e5830756.png)
![](https://img.haomeiwen.com/i9164201/5390b204aae13639.png)
1.找到app.json,输入tabba回车,他就把我们基本的配置的设置好了
![](https://img.haomeiwen.com/i9164201/d05c062bd01d990d.png)
2.添加具体tabBar代码
![](https://img.haomeiwen.com/i9164201/d041246c64a7d893.png)
pagePath:指定的页面路由
text:文本内容
iconPath:图片路径
selectedIconpath: 选中时的图片路径
点击普通编译运行效果图效果图
![](https://img.haomeiwen.com/i9164201/08f7ff966e98a3b1.png)
网友评论