微信小程序底部导航栏部署

在微信小程序开发app.json(app.json它是定义全局页面)

  • 只是用来部署微信底部的图标,最多不能大于五个
"tabBar":{
    "selectedColor":"#1AAD16",        //控制我们点击图标的颜色
    "list":[                          //用list列表形式书写
      {
      "pagePath":"pages/index/index",  //表示点击图标跳转的路由
      "text":"首页",                   //起的图标的名字
      "iconPath":"images/24.png",      // 导入微信底部显示的图标
      "selectedIconPath":"images/24.png"  // 导入微信底部显示的图标
      },
      {
        "pagePath":"pages/reg/reg",
        "text":"联系人",
        "iconPath":"images/26.png",
        "selectedIconPath":"images/26.png"
      },
      {
        "pagePath": "pages/add_baby/add_baby",
        "text": "宝宝",
        "iconPath": "images/40.png",
        "selectedIconPath": "images/40.png"
      }
  ]
  }

猜你喜欢

转载自www.cnblogs.com/xinzaiyuan/p/12049368.html