底部的tabBar设计,增加导航。

效果如下:

 代码如下(在app.json页面中增加(框架-》全局配置):

"tabBar": {
    "color":"#9DACB7",
    "selectColor":"#34B457",//可以保持图标和字体一起变色
    "backgroundColor":"#ff0000",//可以把导航栏的背景颜色变成红色
    "borderStyle":"white",//可以让导航栏框框的颜色变为白色
    "list": [
    {
      "pagePath": "pages/index/index",
      "text": "首页",
      "iconPath":"images/tabBar/index.jpg",
      "selectedIconPath":"images/tabBar/index-hL.jpg"
    },
      {
        "pagePath": "pages/logs/logs",
        "text": "日志",
        "iconPath": "images/tabBar/node.jpg",//图标的设置
        "selectedIconPath": "images/tabBar/node-hL.jpg"
      }
    ]
  }

 效果如下: