小程序学习记录四：小程序的配置.json文件

一、全局.json文件pages属性

存放当前小程序的所有页面路径

二、全局.json文件window属性

全局设置小程序窗口的外观
即小程序导航栏有三个点的部分叫导航栏。
还有下拉的背景颜色。
不能配置页面主题的样式。需要wxss
window节点常用属性配置

属性名	类型	默认值	说明
navigationBarTitleText	String	字符串	导航栏标题内容
navigationBarBackgroundColor	HexColor	#000000	导航栏的背景颜色，使用#号开头的颜色，不要red
navigationBarTextStyle	String	white	导航栏标题颜色，仅支持black/white
backgroundColor	HexColor	#fffff	下拉窗口的背景色，只能是16进制
backgroundTextStyle	String	dark	下拉loading的样式，仅支持dark/light
enablePullDownRefresh	Boolean	false	是否全局开启下拉刷新,每个页面都能刷新
onReachBottomDistance	Number	50	页面上拉触底事件触发时距页面底部距离，单位为px，即滚动条到页面还有多少距离时会触发事件。

三、全局.json文件tabBar属性

设置小程序底部的taBar效果
tabBar有顶部和底部之分
顶部tabBar不会显示icon图标，只会显示文本
而底部tabBar都会显示
tabBar配置最少2个、最多5个标签。
tabBar有6个组成部分

部分	描述
backgroundColor	tabBar的背景颜色
color	tabBar上文字的默认，即未选中的颜色
selectedColor	选中时的文字的颜色
iconPath	未选中时的图片路径
selectedIconPath	选中时的图片路径
borderStyle	tabBar上边框的样式

tabBar节点配置

属性	描述	必填	默认值	描述
position	String	否	bottom	tabBar的位置，仅支持bottom/top
borderStyle	String	否	black	tabBar上边框的颜色，仅支持black/white
color	HexColor	否	/	tabBar上文字的默认，即未选中的颜色
selectedColor	HexColor	否	/	tab上的文字选中时的颜色
backgroundColor	HexColor	否	/	tabBar的背景色
list	Array	是	/	tab页签的列表，最少2个，最多5个

list是必不可少的配置,有如下几个属性

list属性	是否必填	描述
pagePath	是	页面路径，页面必须在pages中预先定义，且pages前面不要加“/‘，表示根路径，直接写"Pages/index/index"
text	是	tab上显示的文字
iconPath	否	未选中时的图标路径，当postition为top时，不显示icon
selectedIconPath	否	选中时的图标路径，当postition为top时，不显示icon

四、全局.json文件style属性

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

五、局部.json文件

即当前页面的的.json文件，会覆盖全局配置中冲突的样式和配置。

局部json文件的常用属性，局部页面json文件没有window属性

属性	类型	默认值	描述
navigationBarBackgroundColor	HexColor	#000000	导航栏的背景颜色，使用#号开头的颜色，不要red
navigationBarTextStyle	String	white	导航栏标题颜色，仅支持black/white
navigationBarTitleText	String	/	导航栏标题内容
backgroundColor	HexColor	#fffff	当前页面下拉窗口的背景色，只能是16进制
backgroundTextStyle	String	dark	当前页面下拉loading的样式，仅支持dark/light
enablePullDownRefresh	Boolean	false	是否为当前页面开启下拉刷新
onReachBottomDistance	Number	50	页面上拉触底事件触发时距页面底部距离，单位为px，即滚动条到页面还有多少距离时会触发事件。