微信小程序（跳页之tabBar导航跳转）

tabBar小程序导航

小程序是一个多tab标签应用（客户端窗口的底部或顶部有tab栏可以切换页面），可以通过Tabbar配置项指定tab栏的表现，以及tab切换时显示的对应页面。

小程序根目录下的 app.json 文件用来对微信小程序进行全局配置
在小程序配置文件里面可以设置tabBar属性：

导航案例：

接下来挨个看下tabBar配置项下的属性：

tabBar配置项属性—list
按数组的顺序排序，每个项都是一个对象，其属性值如下：

图片文件夹images
在list中需要按钮的图片，在小程序图标直接放在与app.json文件同级即可。
然后在里面又建了个icons文件夹，专门用于存放图标。

 "tabBar":{
    "color":"#515151",    // 未选中时的字体颜色
    "selectedColor":"#1296db",    // 选中时的字体颜色
    "backgroundColor":"#eee",     // 导航整体背景颜色
    "position":"bottom",      // 导航在页面中的位置
    "borderStyle":"black",   // 导航上边框的颜色
    "list":[      //导航列表（规定最少2个、最多5个、tab按数组的顺序排序。）
      {
        "pagePath": "pages/index/index",     //要跳转的文件路径
        "text":"首页",         //要跳转的文件的名字
        "iconPath": "imgs/icons/1.png",     //未选中的图片地址
        "selectedIconPath": "imgs/icons/1-1.png"   //选中时的图片地址
      },
      {
        "pagePath":"pages/FL/FL",
        "text":"分类",
        "iconPath": "imgs/icons/2.png",
        "selectedIconPath": "imgs/icons/2-1.png"
      },
      {
        "pagePath": "pages/FK/FK",
        "text": "反馈",
        "iconPath": "imgs/icons/4.png",
        "selectedIconPath": "imgs/icons/4-1.png"
      },
      {
        "pagePath": "pages/WD/WD",
        "text": "我的",
        "iconPath": "imgs/icons/3.png",
        "selectedIconPath": "imgs/icons/3-1.png"
      }
    ]