微信小程序的全局配置app.json

官方文档:https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/app.html

最重要的三个配置

  • pages
  • window
  • tabbar

app.json

{
  "pages": [  // 必填
    "pages/home/home",
    "pages/about/about",
    "pages/category/category"
  ],
  "window": { // 不是必填
    "navigationBarBackgroundColor": "#FFD700",  // 上边背景颜色
    "navigationBarTextStyle": "black",  // 上边的色调是黑色还是白色
    "navigationBarTitleText": "旧书网",    // 这里是针对所有的页面,都叫这个名字。还可以在每个页面中单独设置
    "backgroundColor": "#ff0000", // ios中下拉的时候有个弹簧效果,漏到外边的颜色就是这个的background的样色
    "backgroundTextStyle": "light", // 下拉刷新的样式,dark和light
    "enablePullDownRefresh": false  // 下拉刷新,一般不会在全局里配置,都是在页面里单独配置。
  },
  "tabBar": {
    "selectedColor": "#FFD700",
    "list": [  // 这里边最少写两个
      {
        "pagePath": "pages/home/home",  // 页面路径
        "text": "首页",  // 叫啥名
        "iconPath": "assets/tabbar/home.png",  // 图标是啥
        "selectedIconPath": "assets/tabbar/home-active.png"  // 当这个tab被选中的时候,图标变成啥样
      },
      {
        "pagePath": "pages/category/category",
        "text": "分类",
        "iconPath": "assets/tabbar/category.png",
        "selectedIconPath": "assets/tabbar/category-active.png"
      }
    ]
  }
}

注意:json文件中不可以写注释,这里只是为了方便解释

用小程序写tab-bar很方便,直接app.json中配置即可。
tab-bar和导航也可以自定义,但是一般不推荐。

你可能感兴趣的:(微信小程序的全局配置app.json)