全局配置app.json文件

1.指定小程序的默认启动路径（首页），常见情景是从微信聊天列表页下拉启动、小程序列表启动等。如果不填，将默认为 pages 列表的第一项。不支持带页面路径参数 { "entryPagePath": "pages/index/index" } 2.用于指定小程序由哪些页面组成，每一项都对应一个页面的 路径（含文件名） 信息 { "pages": ["pages/index/index", "pages/logs/logs"] } 3.用于设置小程序的状态栏、导航条、标题、窗口背景色 { "window": { "navigationBarBackgroundColor": "#ffffff", //导航栏背景色 "navigationBarTextStyle": "black", //导航栏标题颜色，仅支持 black / white "navigationBarTitleText": "微信接口功能演示", //导航栏标题文字内容 "navigationStyle":"default" //导航栏样式default(默认样式)/custom(自定义样式) "backgroundColor": "#eeeeee", //窗口的背景色 "backgroundTextStyle": "light", //下拉 loading 的样式，仅支持 dark / light "backgroundColorTop":"#ffffff", //顶部窗口的背景色(仅支持ios) "backgroundColorBottom":"#ffffff", //底部窗口的背景色(仅支持ios) "enablePullDownRefresh":"true", //是否开启全局的下拉刷新 "onReachBottomDistance":"50", //页面上拉触底事件触发时距页面底部距离，单位为 px "pageOrientation":"auto", //屏幕旋转设置，支持 auto / portrait(竖屏显示) / landscape(横屏显示) } }

注:自定义导航栏样式时,需要自己做一个组件,在需要的页面引入

参考文章:https://blog.csdn.net/hangge0111/article/details/85232022

4.用于客户端窗口的底部或顶部 tab 栏的切换页面 { "tabBar": { "color": "#bfbfbf", //tab 上的文字默认颜色 "selectedColor": "#56D88A", //tab 上的文字选中时的颜色 "backgroundColor":"#ffffff" //tab 的背景色 "borderStyle": "white", //tabbar 上边框的颜色，仅支持 black / white "list": [ //tab的列表，最少 2 个、最多 5 个 tab { "pagePath": "pages/index/index", //页面路径 "text": "首页", //tab 上按钮文字 "iconPath": "pages/image/home.png", //图片路径，icon 大小限制为40kb，建议尺寸为81px*81px不支持网络图片。当position为top时，不显示icon。 "selectedIconPath": "pages/image/homes(2).png" //选中时的图片路径 }, { "pagePath": "pages/mine/mine", "text": "我的", "iconPath": "pages/image/mine.png", "selectedIconPath": "pages/image/mines(2).png" } ], "position":"bottom", //tabBar 的位置，仅支持 bottom / top "custom":"true" //自定义 tabBar }, } 5.各类网络请求的超时时间，单位均为毫秒(request/connectSocket/uploadFile/downloadFile) { "networkTimeout": { "request": 10000, "connectSocket":1000, "uploadFile":1000, "downloadFile": 10000 }, } 6.调试信息以 info 的形式给出，其信息有 Page 的注册，页面路由，数据更新，事件触发等 { "debug":true } 7.插件所有者小程序需要设置这一项来启用插件功能页 { "functionalPages":"false" } 8.分包结构配置subpackages 9.workers使用 Worker 处理多线程任务时，设置 Worker 代码放置的目录 10.需要在后台使用的能力，如「音乐播放」「后台定位」 { "requiredBackgroundModes": ["audio", "location"] } 11.使用到的插件plugins 12.preloadRule分包预下载规则S 13.resizablePC小程序是否支持用户任意改变窗口大小（包括最大化窗口）;iPad小程序是否支持屏幕旋转。默认关闭 14.usingComponents在此处声明的自定义组件视为全局自定义组件，在小程序内的页面或自定义组件中可以直接使用而无需再声明。 15.小程序接口权限相关设置 { "permission": { "scope.userLocation": { "desc": "你的位置信息将用于小程序位置接口的效果展示" ///小程序获取权限时展示的接口用途说明。最长 30 个字符 } }, } 16.sitemapLocation指明 sitemap.json 的位置(默认为'sitemap.json'即在 app.json 同级目录下名字的 sitemap.json 文件) 17.style指定使用升级后的weui样式 18.指定需要引用的扩展库 { "useExtendedLib": { "kbone": true, //多端开发框架 "weui": true //WeUI 组件库 } } 19.微信消息用小程序打开 { "entranceDeclare": { "locationMessage": { "path": "pages/index/index", "query": "foo=bar" } } } 20.小程序支持 DarkMode(暗黑主题模式) { "darkmode": true } 21.指明 theme.json 的位置，darkmode为true为必填 { "themeLocation": "/path/to/theme.json" } 注:theme.json用于颜色主题相关的变量定义，需要先在themeLocation中配置theme.json的路径，否则无法读取变量配置。 { "light": { //浅色模式下的变量定义 "navBgColor": "#f6f6f6", "navTxtStyle": "black" }, "dark": { //深色模式下的变量定义 "navBgColor": "#191919", "navTxtStyle": "white" } } 完成定义后，可在全局配置或页面配置的相关属性中以@开头引用，例如： // 全局配置 { "window": { "navigationBarBackgroundColor": "@navBgColor", "navigationBarTextStyle": "@navTxtStyle" } } // 页面配置 { "navigationBarBackgroundColor": "@navBgColor", "navigationBarTextStyle": "@navTxtStyle" } 注:配置完成后，小程序框架会自动根据系统主题，为小程序展示对应主题下的颜色。 22.配置自定义组件代码按需注入 { "lazyCodeLoading": "requiredComponents" //添加这项配置后，未使用到的代码文件将不被执行 } 注:通常情况下，在小程序启动期间，所有页面及自定义组件的代码都会进行注入，当前页面没有使用到的自定义组件和页面在注入后其实并没有被使用。小程序支持有选择地注入必要的代码，以降低小程序的启动时间和运行时内存 当配置了这一项时，小程序仅注入当前页面需要的自定义组件和页面代码，在页面中必然不会用到的自定义组件不会被加载和初始化。 23.singlePage单页模式相关配置 属性:navigationBarFit (默认float,否则为squeezed) 导航栏与页面的相交状态，值为 float 时表示导航栏浮在页面上，与页面相交；值为 squeezed 时表示页面被导航栏挤压，与页面不相交