Uni-app如何制作小程序底部tab菜单

在uni-app中制作底部tab菜单还是比较方便的，可以用uni-app提供的“tabBar”来进行制作，制作步骤如下：
 
首先打开项目中的“page.json”文件，这个文件就是项目中页面公共配置文件的入口，一些诸如页面注册、公共样式配置、tabBar等都可以在这里设置，只要设置好了，在所有页面都可以用，这样复用性比较强。
 
由于tabBar和“globalStyle”等公共样式文件属于同级，所以我们在“globalStyle”后面加个逗号后建立一个tabBar，tabBar里面是一个数组，数组中的每一项就是我们底部菜单展示的每一项，代码如下：
 

"tabBar":{ "list":[ { "text":"首页", "pagePath":"pages/index/index", "iconPath":"static/images/home.png", "selectedIconPath":"static/images/home-active.png" }, { "text":"资讯", "pagePath":"pages/shopnews/shopnews", "iconPath":"static/images/news.png", "selectedIconPath":"static/images/news-active.png" } ] }

注意，这个list数组里面，至少要有2项，最多5个tab项，如上面代码就是两项，每一项里面包括四个属性，对照着下图来说：
 
分别为text：表示导航标签的文字。
pagePath：表示点击标签后跳转到哪个页面。
iconPath：表示标签的缩略图。
selectedIconPath：表示选中标签后的缩略图，如下图中的首页红色图标，表示选中后的图标为红色。