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

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

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

在这里插入图片描述

images文件夹下准备的图标

在这里插入图片描述

2.选中配置文件app.json

在这里插入图片描述

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

在这里插入图片描述
在这里插入图片描述

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

在这里插入图片描述

4.最终底部栏效果

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/qq_16683689/article/details/88657688