全局配置

101 阅读2分钟

全局配置

  1. 全局配置文件及常用的配置项小程序根目录下的 app.json 文件是小程序的全局配置文件。
    常用的配置项如下:
    ① pages
    ⚫ 记录当前小程序所有页面的存放路径
    ② window
    ⚫ 全局设置小程序窗口的外观
    ③ tabBar
    ⚫ 设置小程序底部的 tabBar 效果
    ④ style
    ⚫ 是否启用新版的组件样式
全局配置 - window
  1. 设置导航栏的标题设置步骤:app.json -> window -> navigationBarTitleText

  2. 设置导航栏的背景色设置步骤:app.json -> window -> navigationBarBackgroundColor

  3. 设置导航栏的标题颜色设置步骤:app.json -> window -> navigationBarTextStyle

  4. 全局开启下拉刷新功能概念:下拉刷新是移动端的专有名词,指的是通过手指在屏幕上的下拉滑动操作,从而重新加载页面数据的行为。设置步骤:app.json -> window -> 把 enablePullDownRefresh 的值设置为 true
    注意:在 app.json 中启用下拉刷新功能,会作用于每个小程序页面!

  5. 设置下拉刷新时窗口的背景色当全局开启下拉刷新功能之后,默认的窗口背景为白色。如果自定义下拉刷新窗口背景色,设置步骤为: app.json -> window -> 为 backgroundColor 指定16进制的颜色值 #efefef。

  6. 设置下拉刷新时 loading 的样式当全局开启下拉刷新功能之后,默认窗口的 loading 样式为白色,如果要更改 loading 样式的效果,设置步骤为 app.json -> window -> 为 backgroundTextStyle 指定 dark 值。

注意: backgroundTextStyle 的可选值只有 light 和 dark

  1. 设置上拉触底的距离概念:上拉触底是移动端的专有名词,通过手指在屏幕上的上拉滑动操作,从而加载更多数据的行为。
    设置步骤: app.json -> window -> 为 onReachBottomDistance 设置新的数值
    注意:默认距离为50px,如果没有特殊需求,建议使用默认值即可。