小程序全局配置

一、全局配置文件及常用的配置项

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

1、  pages

• 记录小程序所有页面的存放路径

2、window

• 全局设置小程序窗口的外观

3、tabBar

• 设置小程序底部的tabBar效果

4、style

• 是否启用新版的组件样式

二、小程序全局配置-window

1、小程序窗口的组成部分

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

3、设置导航栏的标题

4、设置导航栏的背景色

5、设置导航栏的标题颜色

6、全局开启下拉刷新功能

注意：在app.json中启用下拉刷新功能，会作用于每个小程序页面！

7、设置下拉刷新时窗口的背景色

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

8、设置下拉刷新时loading的样式

9、设置上拉触底的距离

三、小程序全局配置-tabBar

1、什么是tabBar

tabBar是移动端应用常见的页面效果，用于实现多页的快速切换。小程序中通将其分为：

• 底部tabBar
• 顶部tabBar

注意：

• tabBar中只能配置最少2个、最多5个tab页签
• 当渲染顶部tabBar时，不显示icon，只显示文本

2、tabBar的6个组成部分

3、tabBar节点的配置项

4、每个tab项的配置选项

5、案例：配置tabBar

5.1、需要描述

根据资料提供的小图标、在小程序中配置如图所示的tabBar效果：

5.2、实现步骤

• 拷贝图标资源
• 新建3个对应的tab页面
• 配置tabBar选项

5.3、拷贝图标资源

5.4、新建3个对应的tab页面

5.5、配置tabBar选项