微信小程序学习笔记-全局配置

27 阅读2分钟

1. 全局配置文件及常用的配置项

小程序跟目录下的app.json文件是小程序的全局配置文件。常用的配置项如下:

  1. pages
  • 记录当前小程序所有页面的存放路径
  1. window
  • 全局设置小程序窗口的外观
  1. tabBar
  • 设置小程序底部的tabBar效果
  1. style
  • 是否启用新版的组件样式

window

a. 小程序窗口的组成部分

  • navigationBar导航栏区域
  • background背景区域(默认不可见,下拉才显示)
  • 小程序的主体区域用来显示wxml中的布局

window配置项主要用来控制前两个的样式

2. 了解window节点常用的配置项

属性名类型默认值说明
navigationBarTitleTextString字符串导航栏标题文字内容
navigationBarBackgroundColorHexColor#000000导航栏背景颜色,如#000000
navigationBarTextStyleStringwhite导航栏标题颜色,仅支持black/white
backgroundColorHexColor#ffffff窗口的背景色
backgroundTextStyleStringdark窗口下拉loading的样式,仅支持dark/light
enablePullDownRefreshBooleanfalse是否开启下拉刷新
onReachBottomDistanceNumber50页面上拉触底事件触发时距底部距离,单位为px

扩展:HexColor是一种表示颜色的格式,它使用16进制数字来表示红、绿和蓝的颜色值。每个颜色分量使用2个十六进制数字表示,范围从00到FF(0到255的十进制值)。HexColor格式的一个例子是#FF0000,表示红色。HexColor广泛用于Web设计和开发中,因为它简单易懂,并且可以表示出几乎任何颜色。

3.全局开启下拉刷新功能

概念:下拉刷新是移动端专有名词,指的是通过手指在屏幕上的下拉滑动操作,从而重新加载页面数据的行为。 设置方法为配置文件app.json中,window节点的对象中,新增属性enablePullDownRefresh值设置为true。 注意:开启该功能以后,作用于全部页面。