关于小程序的常用配置

全局配置

在app.json中进行配置

pages项

pages里是页面路径列表（默认展示的是第一个）

"pages": [
    "pages/index/index",
    "pages/list/list",
    "pages/logs/logs"
],

window项

用来配置对应的窗口信息

{
    "window": {
        "navigationBarBackgroundColor": "#FFFFFF",  //顶部导航的背景色
        "navigationBarTitleText": "顶部导航标题",  //顶部导航标题（可以给页面单独配置）
        "navigationBarTextStyle": "white",  //顶部导航标题颜色（一般是black white）
        "backgroundColor": "#000000",  //下拉刷新的背景色
        "backgroundTextStyle": "dark",  //下拉刷新的背景色
        "enablePullDownRefresh": true  //开启下拉刷新（一般给页面单独设置）上拉加载同理
    },
}

tabbar项

官方提供的tabbar很好配置，tabbar一般至少2个，最多5个，超过5个可以自定义tabbar。

• color 默认文字颜色

• selectedColor 选中的文字颜色

• list[].pagePath 跳转的页面路径

• list[].text 菜单中的文字

• list[].iconPath 默认图片地址

• list[].selectedIconPath 选择时的图片地址

其中，图片大小不能大于40kb，建议尺寸为81x81

"tabBar": {
    "color": "black",
    "selectedColor": "red",
    "list": [
      {
        "pagePath": "pages/list/list",
        "text": "列表",
        "iconPath": "未选中图片路径",
        "selectedIconPath": "选中图片路径"
      },
      {
        "pagePath": "pages/index/index",
        "text": "主页",
        "iconPath": "未选中图片路径",
        "selectedIconPath": "选中图片路径"
      }
    ]
},

页面配置

在页面.json中进行配置：（常用的配置项）

{
  "usingComponents": {},  //页面自定义组件配置
  "navigationBarTitleText": "页面顶部导航标题",  //页面顶部导航标题
  "enablePullDownRefresh": true,  //页面下拉刷新
  "onReachBottomDistance": 50  //页面上拉加载，距底部50px时加载数据
}

最后

    在官方文档 微信开放文档 中，有更加详细的配置项介绍，通过文档的介绍就可以实现基础的配置了。