微信小程序tabBar

在根目录的app.json中添加tabBar,示例如下

{
  "pages": [
    "pages/index/index",
    "pages/logs/logs",
    "pages/scanning/scanning"
  ],
  "window": {
    "backgroundTextStyle": "light",
    "navigationBarBackgroundColor": "#fff",
    "navigationBarTitleText": "WeChat",
    "navigationBarTextStyle": "black"
  },
  "tabBar": {
    "color": "#a9b7b7",
    "selectedColor": "#11cd6e",
    "borderStyle": "white",
    "list": [
      {
        "selectedIconPath": "images/11.png",
        "iconPath": "images/11.png",
        "pagePath": "pages/index/index",
        "text": "首页"
      },
      {
        "selectedIconPath": "images/11.png",
        "iconPath": "images/11.png",
        "pagePath": "pages/logs/logs",
        "text": "日志"
      }
    ]
  }
}

注:在小程序中,最后一个括号后面不能带',',否则会出现编译错误



作者:HeJD
链接:https://www.jianshu.com/p/a66b530f14ad
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
posted @ 2020-03-19 20:45  天涯海角路  阅读(571)  评论(0)    收藏  举报