微信小程序_设置底部导航栏

微信小程序_底部导航栏设置

1.准备静态资源导航栏图片(格式是png)放到images文件夹下面

微信小程序_设置底部导航栏

images文件夹下准备的图标

微信小程序_设置底部导航栏

2.选中配置文件app.json

微信小程序_设置底部导航栏

3.添加tabBar底部导航栏配置

微信小程序_设置底部导航栏
微信小程序_设置底部导航栏

注意:tabBar中的属性pagePath路径必须是要在pages中已经配置好的路径,如果没有设置好,会报路径找不到的错误

微信小程序_设置底部导航栏

4.最终底部栏效果

微信小程序_设置底部导航栏