[b]详解微信小程序设置底部导航栏目方法[/b] 小程序底部想要有一个漂亮的导航栏目，不知道怎么制作，于是百度找到了本篇文章，分享给大家。 好了 小程序的头部标题 设置好了，我们来说说底部导航栏是如何实现的。 我们先来看个效果图 [url=http://files.jb51.net/file_images/article/201706/2017062910173621.png][img]http://files.jb51.net/file_images/article/201706/2017062910173621.png[/img] [/url] 这里，我们添加了三个导航图标，因为我们有三个页面，小程序最多能加5个。 那他们是怎么出现怎么着色的呢？两步就搞定！ [b]1. 图标准备 [/b] 阿里图标库  http://www.iconfont.cn/collections/show/29 我们进入该网站，鼠标滑到一个喜欢的图标上面  点击下方的 下载按钮 [url=http://files.jb51.net/file_images/article/201706/2017062910173622.png][img]http://files.jb51.net/file_images/article/201706/2017062910173622.png[/img] [/url] 在弹出框中 选择了 俩个不同颜色的 图标  选择64px大小即可，我选择的是png  然后下载下来 起上别名 [img]http://files.jb51.net/file_images/article/201706/2017062910173623.png[/img] 将上述起好名字的图标 保存到 小程序 项目目录中 新创建的 images 文件夹中，准备工作就做好了  [img]http://files.jb51.net/file_images/article/201706/2017062910173624.png[/img] [b]2. 更改配置文件[/b] 我们找到项目根目录中的配置文件 app.json 加入如下配置信息 [b]解释一下 对应的属性信息[/b] 感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！