微信小程序笔记<二>认识app.json

小程序：扫一扫查出行
【扫一扫了解最新限行尾号】
复制小程序

*.json 文件在小程序开发中必不可少，从 app.json 开始认识小程序中的配置文件 *.json ；

app.json 为小程序必须文件，它不仅作为配置文件管理着小程序的UI还充当着路由器的功能；

一、pages

用来配置小程序的页面，该配置项必填，接收一个数组，数组元素为字符串（ 这便是小程序的路由设置 ）。

注：该配置项数组第一个元素必须为小程序起始页既首页。

二、window

这个配置项是用来设置小程序的状态栏、导航条、标题、窗口背景色。

该配置项有6个属性：

backgroundTextStyle 这个属性我的理解是设置窗口内容的样式的,官方给出的标准说明是下拉背景字体、loading 图的样式。（ 目前仅接收 dark 和 light 两个值 ）
navigationBarBackgroundColor 它是用来设置导航栏背景颜色。（ 接收十六进制颜色值 ）
navigationBarTitleText 这个属性是显示导航栏标题内容的,开发者可以根据自己的需要来进行设置。（ 接收字符串 ）
navigationBarTextStyle 它是用来导航栏标题颜色的。（ 目前仅接收 black 和 white 两个值 ）
backgroundColor 这个属性是设置窗口的背景色的,它需要输入的也是十六进制颜色值的。（ 接收十六进制颜色值 ）（ 注意：该属性并不是页面的背景色，而是下拉时看到的窗口背景色。页面的背景色在*.wxss文件中设置page选择器 ）
enablePullDownRefresh 这个属性是设置是否开启下拉刷新,默认为 false 。（ 接收布尔值 ）（注意: 在这个配置文件(app.json)中如果关闭了下拉刷新,当你在你自己开发的页面中想要设置下拉刷新也是行不通的,也就是说如果你想要在以后页面中使用下拉刷新这个功能,就必须保证这个配置文件中的这一项设置是打开的）
onReachBottomDistance 这里设置页面上拉触底事件触发时距页面底部距离，单位为px。

来看看在小程序中navigationBar、background、page分别对应哪些位置。

三、tabBar

这个配置项是用来配置页面底部的tab栏的,开发者可以根据自己的需求来进行配置。

该配置项有六个属性：

color ：设置tab上的文字默认颜色。（ 接收十六进制颜色值 ）
selectedColor ：设置tab上的文字选中的颜色。（ 接收十六进制颜色值 ）
backgroundColor ：设置tab的背景颜色。（ 接收十六进制颜色值 ）
borderStyle ：设置边框的颜色。（ 目前仅接收 black 和 white 两个值 ）
position ：设置tabBar的位置，仅有 top 和 bottom 两个值。（ 注意：当tabBar位置为top时不显示icon图片 ）
list ：配置tabBar的每一个按钮，该值为一个对象数组且配置该项至少要两个对象，至多只能有五个对象。