微信小程序之底部导航栏开发，满满的干货分享

对于大多数app界面来说，总是避免不了导航栏的。

比较大众化的，就是底部导航栏啦，而实现的方式也是非常的多。那么微信小程序的导航栏是怎么样的呢

首先效果，是一样或差不多的，而实现手法，是五花八门特色鲜明的！

在微信小程序中，可以说是，一统江山了吧，扔出了一个tabBar~

在实现这个功能之前，你需要做的是：找一个漂亮的图片，给一个导航名，然后选个好看的颜色，再一一对应即可。

首先我们先来看一下我们所需要实现的效果图，下方图片红色区域的就是最终我们要完成的目标

好了，那我们就废话不多说，直接开撸

我们打开自己的项目，在项目中找到根目录下的app.json文件，打开编辑

然后我们只需要在原有的文件里添加一个节点

图片中的是笔者在效果图里的实际代码

而我们要做的就是把里面的换成自己的实际的文字以及图片，其中

text： 显示的名字

pagePath: 点击跳转的路径

iconPath: 小图标的图片地址

selectedIconPath: 选中后的图标地址

把对应的参数都填完之后我们就大功告成了，赶紧保存一下看看效果吧，如果有不清楚的同学也可以留言交流哦~

给大家介绍一个小程序，里面包含了很多开发者在开发过程中可能遇到的问题或相似的需求，大家可以体验一下，也欢迎大家交流学习

 

如有不懂的可以随时浏览交流哦