微信小程序-----（2）（导航栏）（新建页面）

1."tabBLe"导航栏组件

在app.json文件中使用，与pages，window，同级，且其中的pagePath不能少于2个。
使用方法如下

效果图如下

  "tabBar": {
    "list": [{
      "pagePath": "pages/index/index",
      双引号中填的是pages中的页面地址
      "text": "首页",
      导航栏图片下的文字
      "iconPath": "./img/sy.png",
      导航栏的第一张图标
      "selectedIconPath": "./img/sy_1.png"
      导航栏的图标被点击后出现的另一张图标
    },
    {
      "pagePath": "pages/demo01/demo01",
      "text": "图集",
      "iconPath": "./img/xc.png",
      "selectedIconPath": "./img/xc_1.png"
    },
    {
      "pagePath": "pages/demo02/demo02",
      "text": "个人中心",
      "iconPath": "./img/sj.png",
      "selectedIconPath": "./img/sj_1.png"
    },
    {
      "pagePath": "pages/demo03/demo03",
      "text": "搜索",
      "iconPath": "./img/wh.png",
      "selectedIconPath": "./img/wh_1.png"
    }
    ]
  }

新建页面
在pages中输入“pages/页面的名称/页面的名称”，然后保存。

实例：