45fan.com - 路饭网

搜索: 您的位置主页 > 网络频道 > 阅读资讯:微信小程序_设置底部导航栏

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

2019-03-26 21:20:40 来源:www.45fan.com 【

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

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

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

images文件夹下准备的图标

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

2.选中配置文件app.json

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

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

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

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

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

4.最终底部栏效果

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

 
 

本文地址:http://www.45fan.com/a/question/99690.html
Tags: 微信 程序 底部
编辑:路饭网
关于我们 | 联系我们 | 友情链接 | 网站地图 | Sitemap | App | 返回顶部