打开app.json页面，在window下写下面的代码

//tabBar  指底部的 导航配置属性
//color  未选择时 底部导航文字的颜色
//selectedColor  选择时 底部导航文字的颜色
//borderStyle  底部导航边框的样色（注意 这里如果没有写入样式 会导致 //导航框上边框会出现默认的浅灰色线条）
//list   导航配置数组
//selectedIconPath 选中时 图标路径
//iconPath 未选择时 图标路径
//pagePath 页面访问地址
//text  导航图标下方文字

"tabBar": {
   "color": "#909192",
   "selectedColor": "#ebb656",
   "list": [
     {
       "pagePath": "pages/home/home",
       "text": "首页",
       "iconPath": "/images/tabbar/00bar-1-old.png",
       "selectedIconPath": "/images/tabbar/00bar-1-new.png"
     },
     {
       "pagePath": "pages/product/product",
       "text": "热销产品",
       "iconPath": "/images/tabbar/00bar-2-old.png",
       "selectedIconPath": "/images/tabbar/00bar-2-new.png"
     },
     {
       "pagePath": "pages/new/new",
       "text": "新品特惠",
       "iconPath": "/images/tabbar/00bar-3-old.png",
       "selectedIconPath": "/images/tabbar/00bar-3-new.png"
     },
     {
       "pagePath": "pages/about/about",
       "text": "联系我们",
       "iconPath": "/images/tabbar/00bar-4-old.png",
       "selectedIconPath": "/images/tabbar/00bar-4-new.png"
     }
   ]
 }

这里需要注意一些小问题：

1、每个页面的json文件都不能去掉navigationBarTitleText这个属性。否则会报错
2、"pages":[
"pages/index/index",
"pages/logs/logs",
"pages/mine/mine"
],
这个页面的注册一定要注意，第一个一定是要是最先显示的，否则会出现底部导航看不到。