小程序的配置.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文件的常用属性

属性 类型 默认值 描述
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,即滚动条到页面还有多少距离时会触发事件。

猜你喜欢

转载自blog.csdn.net/m0_48459838/article/details/114978390
今日推荐