深入分析小程序中的全局配置(深入分析小程序中的全局配置问题)

本文带你聊聊小程序中的全局配置，了解一下小程序中的常用配置项和页面配置文件。希望对你有帮助！

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

Pages:记录当前小程序窗口所有页面的存储路径:全局设置小程序窗口的外观tabBar:设置小程序底部tabBar的效果样式:是否启用新版本的组件样式【相关学习推荐:小程序开发教程】小程序窗口的Windows组件

窗口公共配置项目

属性类型默认值描述navigationBarTitleTextString字符串导航栏标题文本内容navigationbarbackgroundcolor # 000000导航栏背景颜色navigationbartextstylestringwhite导航栏标题颜色，backgroundTextStyleStringdark下拉加载的样式只支持黑色/白色backgroundcolorxcolor # ffffff窗口的背景颜色。仅支持深色/浅色pulldownrefree boolean fare。是否全局开启下拉刷新onReachBottomDistanceNumber50页面上触发下拉触底事件时距页面底部的距离，单位为px。设置导航栏的标题。

app . JSON - gt；windows ->；navigationBarTitleText

设置导航栏的背景颜色。

app . JSON - gt；windows ->；导航背景颜色

设置导航栏标题颜色

app . JSON - gt；windows ->；enablePullDownRefresh

打开全局下拉刷新(启用app.json中的下拉刷新功能，它将在每个小程序页面上工作)

下拉:通过在屏幕上拖动和滑动手指来重新加载页面数据的行为。

app . JSON - gt；windows ->；enablePullDownRefresh

设置下拉刷新时窗口的背景颜色。

全局开启下拉刷新功能时，默认窗口背景为白色。设置自定义下拉刷新窗口背景颜色

app . JSON - gt；windows ->；背景颜色

设置下拉刷新时的加载样式。

当下拉刷新功能全局开启时，默认窗口的加载是白色的。设置加载样式的效果。

app . JSON - gt；windows ->；背景文本样式

设置拉起和触底的距离。

上拉和下拉:通过在屏幕上向上拉和滑动手指来加载更多数据的行为。

app . JSON - gt；windows ->；在每个底部距离

tabBar什么是TabBar？

TabBar是移动应用中常见的页面效果，用来在多个页面之间快速切换。小程序中有两种类型的tabBar:底部tabBar和顶部tabBar。注意:在tabBar中只能配置至少2个选项卡，最多5个选项卡。呈现顶部tabbar时，不显示图标，只显示文本

tabBar的6个部分

TabBar公共配置项目

tabBar组件的配置项

Type必需默认值描述positionString No，bottomtabBar的位置，仅支持bottom borderStyleString No，支持blacktabbar上边框的颜色，仅支持black/whitecolorHexColor。否，tabBar上文本的默认颜色(未选中)。selectedColorHexColor No，选中tabBar时文本的默认颜色。backgroundColorHexColor No，tabBar的背景色。listArray是tabBar的选项卡列表，每个选项卡项目最少2个，最多5个配置选项。

Type必需描述pagePathString是页面路径，必须首先在pages中定义。textString是选项卡上的按钮文本iconPathString。没有图片路径。图标大小限制为40kb，推荐大小为81px * 81px。不支持网络图片selectedIconPathString。选择图片路径时，图标大小限制为40kb，推荐大小为81px * 81px。不支持网络图片页面配置文件页面配置文件的功能。

在applet中，每个页面都有自己的。json配置文件，用于配置当前页面的窗口外观和页面效果。

页面配置和全局配置之间的关系

在applet中，app.json中的window节点可以全局配置applet中每个页面的窗口表示。

如果您希望applet中的页面有一个特殊的窗口表示，您需要修改。页面级的json文件。

注意:

当页面配置与全局配置冲突时，根据邻近原则，最终效果以页面配置为准。

在页面中配置常见配置项目。

类型默认值描述navigationbarbackgroundcolorxcolor # 00000当前导航栏背景色NavigationBartextStyleStringWhite导航栏标题颜色，仅支持black/whitenavigationbartitletextstring当前导航栏标题文本内容backgroundColorHexColor#ffffff当前窗口背景色backgroundTextStyleStringdark当前页面下拉加载样式。仅支持Dark/lightenablepulldownrefish boolean first。是否要打开当前页面的下拉刷新？当在onReachBottomDistanceNumber50页上触发下拉底部事件时，距页面底部的距离，以px为单位。有关编程的更多信息，请访问:编程视频！！以上是对小程序中全局配置细节的深入分析。请多关注主机参考其他相关文章！

这几篇文章你可能也喜欢：

• applet中全局配置的深入分析（applet全局方法）

本文由主机参考刊发，转载请注明：深入分析小程序中的全局配置(深入分析小程序中的全局配置问题) https://zhujicankao.com/74421.html