1. 全局配置文件及常用的配置项
小程序跟目录下的app.json
文件是小程序的全局配置文件
。常用的配置项如下:
- pages
- 记录当前小程序所有页面的存放路径
window
- 全局设置小程序窗口的外观
tabBar
- 设置小程序底部的tabBar效果
- style
- 是否启用新版的组件样式
window
a. 小程序窗口的组成部分
- navigationBar导航栏区域
- background背景区域(默认不可见,下拉才显示)
- 小程序的主体区域用来显示wxml中的布局
window配置项主要用来控制前两个的样式
2. 了解window节点常用的配置项
属性名 | 类型 | 默认值 | 说明 |
---|---|---|---|
navigationBarTitleText | String | 字符串 | 导航栏标题文字内容 |
navigationBarBackgroundColor | HexColor | #000000 | 导航栏背景颜色,如#000000 |
navigationBarTextStyle | String | white | 导航栏标题颜色,仅支持black/white |
backgroundColor | HexColor | #ffffff | 窗口的背景色 |
backgroundTextStyle | String | dark | 窗口下拉loading的样式,仅支持dark/light |
enablePullDownRefresh | Boolean | false | 是否开启下拉刷新 |
onReachBottomDistance | Number | 50 | 页面上拉触底事件触发时距底部距离,单位为px |
扩展:HexColor是一种表示颜色的格式,它使用16进制数字来表示红、绿和蓝的颜色值。每个颜色分量使用2个十六进制数字表示,范围从00到FF(0到255的十进制值)。HexColor格式的一个例子是#FF0000,表示红色。HexColor广泛用于Web设计和开发中,因为它简单易懂,并且可以表示出几乎任何颜色。
3.全局开启下拉刷新
功能
概念:下拉刷新
是移动端专有名词,指的是通过手指在屏幕上的下拉滑动操作,从而重新加载页面数据
的行为。
设置方法为配置文件app.json中,window节点的对象中,新增属性enablePullDownRefresh
值设置为true
。
注意:开启该功能以后,作用于全部页面。