Tabbar导航Demo

{
  "pages":[
    "pages/index/index",
    "pages/logs/logs",
    "pages/mine/mine"
    
  ],
  "window":{
    "backgroundTextStyle":"light",
    "navigationBarBackgroundColor": "#fff",
    "navigationBarTitleText": "首页",
    "navigationBarTextStyle":"black"
  },

  "tabBar": {  
   "color": "#a9b7b7",  
   "selectedColor": "#11cd6e",  
   "borderStyle": "black" ,
   "list": [{  
     "selectedIconPath": "images/icon_consult_press.png",  
     "iconPath": "images/icon_consult.png",  
     "pagePath": "pages/index/index",  
     "text": "首页"  
   }, {  
     "selectedIconPath": "images/icon_invest_press.png",  
     "iconPath": "images/icon_invest.png",  
     "pagePath": "pages/logs/logs",  
     "text": "一元投"  
   },{  
     "selectedIconPath": "images/icon_mine_press.png",  
     "iconPath": "images/icon_mine.png",  
     "pagePath": "pages/mine/mine",  
     "text": "我的"  
   }
   ]  
 } 
}

自己写的 图片以后引用的时候 自己改下

  "tabBar": {
    "color": "#a9b7b7",
    "selectedColor": "#FF769E",
    "borderStyle":"white",
    "list": [{
      "selectedIconPath": "/images/tabbar/index_active.png",
      "iconPath": "/images/tabbar/index_active.png",
      "pagePath": "pages/index/index",
      "text": "首页"
    }, {
      "selectedIconPath": "/images/tabbar/seek.png",
      "iconPath": "/images/tabbar/index_active.png",
      "pagePath": "pages/seek/seek",
      "text": "搜索"
    }, {
      "selectedIconPath": "/images/tabbar/me.png",
      "iconPath": "/images/tabbar/index_active.png",
      "pagePath": "pages/me/me",
      "text": "我的"
    },{
      "selectedIconPath": "/images/tabbar/zhinan.png",
      "iconPath": "/images/tabbar/index_active.png",
      "pagePath": "pages/zhinan/zhinan",
      "text": "指南"
    }]
  }

微信截图_20180628100539.png