1. 全局配置文件及常用的配置项
小程序根目录下的 app.json 文件是小程序的全局配置文件。常用的配置项如下:
- pages
记录当前小程序所有页面的存放路径 - window
全局设置小程序窗口的外观 - tabBar
设置小程序底部的 tabBar 效果 - style
是否启用新版的组件样式
2. window
2.1. 小程序窗口的组成部分
2.2. 了解 window 节点常用的配置项
2.3. 设置导航栏的标题
设置步骤:app.json -> window -> navigationBarTitleText
"window":{ "backgroundTextStyle":"light", "navigationBarBackgroundColor": "#fff", "navigationBarTitleText": "我的微信小程序", "navigationBarTextStyle":"black" },
2.4. 设置导航栏的背景色
设置步骤:app.json -> window -> navigationBarBackgroundColor
把导航栏标题的背景色,从默认的 #fff 修改为 #2b4b6b
只支持16进制
"window":{ "backgroundTextStyle":"light", "navigationBarBackgroundColor": "#2b4b6b", "navigationBarTitleText": "我的微信小程序", "navigationBarTextStyle":"black" },
2.5. 设置导航栏的标题颜色
设置步骤:app.json -> window -> navigationBarTextStyle
把导航栏上的标题颜色,从默认的 black 修改为 white
注意: navigationBarTextStyle 的可选值只有 black 和 white
"window":{ "backgroundTextStyle":"light", "navigationBarBackgroundColor": "#2b4b6b", "navigationBarTitleText": "我的微信小程序", "navigationBarTextStyle":"white" },
2.6. 全局开启下拉刷新功能
下拉刷新是移动端的专有名词,指的是通过手指在屏幕上的下拉滑动操作,从而重新加载页面数据的行为。
设置步骤:app.json -> window -> 把 enablePullDownRefresh 的值设置为 true
注意:在 app.json 中启用下拉刷新功能,会作用于每个小程序页面!
"window":{ "backgroundTextStyle":"light", "navigationBarBackgroundColor": "#2b4b6b", "navigationBarTitleText": "我的微信小程序", "navigationBarTextStyle":"white", "enablePullDownRefresh": true },