tabBar设置底部导航栏

如果应用是一个多 tab 应用，可以通过 tabBar 配置项指定一级导航栏，以及 tab 切换时显示的对应页，简单来说就是像美团外卖下面的导航栏一样可以任意切换

1.首先创建三个页面，在页面里面可以写一些东西或者放一张图片方便区分。

2.在pages.json文件中globalStyle后面添加一个tabBar，记得要加上豆号。

3.在我们的tabBar里面还得写一个list用[]括号括起来因为我们有多个页面就是多个对象就得用数组的方式存起来。

在我们的tabBar里面可以看到有很多的属性它们都是干什么用的呢。

（1）color它是默认的颜色就是我们没选中时候的颜色，selectedColor是选中后的颜色就是我们选中这个导航栏时的颜色。

（2）backgroundColor是当导航栏的背景颜色，borderStyle是导航栏的边框颜色它只有两种颜色黑色和白色。

（3）咱们对象里面的的属性pagesPath是咱们页面的地址，text就是导航的文字显示，iconPath是图片路径可以给每个导航元素添加一个图片，selectedIconPath是选中后的图片显示比如选中前是一个灰色的选中后就可以给一个便于识别的颜色图片表示选中。