微信小程序01：底部菜单(tabBar)

tips：

1.小程序底部菜单标签个数不少于2个，最多不超过5个。

2.可以在 阿里巴巴矢量图标库 找到你需要的图标。

3.小程序建议图标大小为81*81px

我这边选择的是64尺寸的png图片，每一个图标选择两种颜色，分别对应未选中状态和选中状态，具体按照你们设计项目进行

tips：

1.建立项目图片文件夹：images

2.在pages中建立相对应的菜单栏目文件夹

3.配置app.json： tabBar配置

1.app.json中，"window":{}和"tabBar":{}是同级

2. 全局配置

3. 设置tabbar地址:wx.setTabBarBadge(Object object)

首页小程序导航栏TabBar设置

1、注意区分属性值大小写的区别，比如selectedIconPath如果写成selectediconpath则图片不显示。

2、如果tabBar中设置"postion":"top"则icopath的图片都不再显示。

3、注意{}中如果列出几项，这除最后一项外每一项结尾加逗号，最后一项不用加。

"tabBar": {

    "selectedColor": "#1296db",

    "list": [{

      "pagePath": "pages/index/index",

      "text": "首页",

      "iconPath": "images/ico-home.png",

      "selectedIconPath": "images/ico-home-d.png"

    },{

      "pagePath": "pages/setting/setting",

      "text": "设置",

      "iconPath": "images/ico-setting.png",

      "selectedIconPath": "images/ico-setting-d.png"

    },{

      "pagePath": "pages/help/help",

      "text": "帮助",

      "iconPath": "images/ico-help.png",

      "selectedIconPath": "images/ico-help-d.png"

    }]

  }

app.json 是全局配置文件，用于配置小程序的信息（它里面配置的是全局信息）

需要添加target，默认值是self跳转自己小程序页面，miniProgram是跳转其他小程序的页面

---