终于又迎来了周末，又能愉快的研究小程序了。

今天，给大家带来的是tabBar底栏的开发教程，在正式开始教程之前，先放一张效果图，带大家了解下什么是tabBar。

tabBar案例

动图中，我所点击的位置便是tabBar了，那么这个tabBar怎么开发出来呢？其实很简单，我在前面的章节里曾提到过app.json这个文件。因为该文件的作用是负责小程序公共设置，所以tabBar底栏将在这个文件里配置。好了，废话不多说，直接上代码。

图一

在tabBar里也没有太复杂的代码，给大家简单的聊聊吧。

图一中显示的：

• pagePath:它对应的value值是pages中配置的页面路径,

• selectedIconPath:它所代表的意思是当该图标被选中时该显示哪个图标。

在这里有个小技巧，就是当你启动小程序时，想让你的某一个页面当做首页时，这时候咱们仍然在app.json里来配置。

图二

就如图二中所示的pages里的每个页面路径，如果你想让哪个页面为首页，那么就放在第一个位置即可。

这便是底栏tabBar的简单教程了，在小程序里不只有底栏tabBar，也有顶栏tabBar，而顶栏tabBar相对难一些，下回咱们将学习制作顶栏。