微信小程序——底部导航tabBar

一.最简单的底部导航

在全局配置 app.json 中添加 ， 所有小程序的页面都会显示出来
示例：

{
  ......
  "tabBar": {
    "list": [
      {
        "pagePath": "pages/index/index",
        "iconPath":"",
        "text": "首页"
      },
      {
        "pagePath": "pages/logs/logs",
        "iconPath":"",
        "text": "日志"
      }
    ]
  },
 ......

• list：
• pagePath : 页面路径 （注意：在list中有的路径指向的页面，如果你想添加一个navigator也跳转到这个页面，那么跳转方式ope-type只能用switchTab !!）
• text : icon下面显示的文字
• 自定义tabBar（修改tabBar的整体样式，如改变tabBar的颜色等）请参考https://developers.weixin.qq.com/miniprogram/dev/framework/ability/custom-tabbar.html

二 . 自定义底部导航

前面最简单的底部导航有很多情况下不能使用，比如：想要使用svg和字体图标 ，比如想要的底部菜单栏个数