微信小程序——如何设置底部导航

阿里图标库:登陆后可以下载各种图标。
http://www.iconfont.cn/collections/show/29

第一步:新建一个images文件夹:
在这里插入图片描述
第二步:在小程序的目录下找到该文件夹,将图片下载在images文件夹下面,注意:保存两个图片——选中的和未选中的样式。
在这里插入图片描述

第三步:在app.json配置文件中加入如下"tabBar"程序
在这里插入图片描述
第四步:Ctrl+S保存一下,编译,就可以看到如下效果图。
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_41550144/article/details/89473861