2.tabBar

2.1 创建本地的tabBar的git分支

git checkout -b tabbar

2.2 新建页面

要操作四个位置：

注：这里的pages.json就相当于是原生小程序的app.json！

2.3 添加static静态资源

2.4 配置tabBar

在pages.json中：

"tabBar": {
    "selectedColor": "#C00000", //选中项的文本颜色
    "list": [{
        "pagePath": "pages/home/home",
        "text": "首页",
        "iconPath": "static/tab_icons/home.png",
        "selectedIconPath": "static/tab_icons/home-active.png"
      },
      {
        "pagePath": "pages/cate/cate",
        "text": "分类",
        "iconPath": "static/tab_icons/cate.png",
        "selectedIconPath": "static/tab_icons/cate-active.png"
      },
      {
        "pagePath": "pages/cart/cart",
        "text": "购物车",
        "iconPath": "static/tab_icons/cart.png",
        "selectedIconPath": "static/tab_icons/cart-active.png"
      },
      {
        "pagePath": "pages/my/my",
        "text": "我的",
        "iconPath": "static/tab_icons/my.png",
        "selectedIconPath": "static/tab_icons/my-active.png"
      }
    ]
  }

2.5 删除默认的首页

2.6 配置globalStyle节点

类似于原生小程序中app.json的window配置项：

pages.json

修改最上方导航条的效果：

  "globalStyle": {
    "navigationBarTextStyle": "white",
    "navigationBarTitleText": "黑马优购",
    "navigationBarBackgroundColor": "#C00000",
    "backgroundColor": "#FFFFFF"
  },

2.7 分支的合并与提交

2.7.1 上传代码到本地的tabbar分支

git add .
git commit -m "完成了tabbar功能的开发"

2.7.2 将本地的tabbar分支推送到远程仓库gitee，作为一个新的分支

git push -u origin tabbar #将本地的tabbar分支推送到远程的origin仓库，命名为tabbar分支！
#由于是第一次推送，需要加-u，后面就不用加了！

这时远程仓库就有了master和tabbar两个分支！

2.7.3 将本地的tabbar分支合并到本地master主分支

git checkout master #切换到master分支
git merge tabbar #将本地的tabbar分支合并到本地master主分支

2.7.4 将本地master分支推送到远程master分支

git push #因为此时本身就在master分支上

2.7.5 删除本地的tabbar分支

注：我们必须要在非tabbar分支上才能删除tabbar分支

git branch #查看当前所处分支（全部分支）
git branch -d tabbar #删除tabbar分支

这样就形成了：本地master和远程master代码一致，是全部的项目代码，而远程的tabbar分支有tabbar这个板块相关的代码！