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

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

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

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

窗口公共配置项目

属性名称类型默认值描述navigationBarTitleTextString导航栏标题文本内容navigationbarbackgroundcolor # 000000导航栏背景色导航bartextstyleStringWhite导航栏标题颜色，仅支持black/whitebackgroundcolor # ffffff窗口的背景色backgroundTextStyleStringdark下拉加载样式。仅支持深色/浅色LightEnablePullDownRefresh BooleanSafe。开启下拉刷新是全局的吗？触发onReachBottomDistanceNumber50页面上的拉底事件时距页面底部的距离，以px为单位。设置导航栏的标题。

app . JSON -》window -》navigationBarTitleText

设置导航栏的背景颜色

app . JSON -》window -》navigationBarBackgroundColor

设置导航栏标题颜色

app.json -》窗口-》启用下拉刷新

全局开启下拉刷新（在app.json中启用下拉刷新功能会影响每个小程序页面）。

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

app.json -》窗口-》启用下拉刷新

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

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

app.json -》窗口-》背景颜色

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

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

app . JSON -》window -》backgroundTextStyle

设置底部被拉起的距离。

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

app . JSON -》window -》onReachBottomDistance

什么是TabBar？

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

tabBar的六个部分

TabBar常见配置项目

tabBar组件的配置项

属性类型的必需默认值指示positionString No bottomtabBar的位置，并且仅支持bottom borderStyleString No black tabbar的上边框颜色。仅支持黑色/白色六色。tabBar上没有默认文本颜色（未选中）。选择tabBar时没有文本的默认颜色。backgroundColorHexColor无背景色列表tabBar的数组是tabBar的选项卡列表，每个选项卡项至少有2个选项卡，最多有5个配置选项。

属性类型需要页面路径字符串是页面路径的描述，并且必须首先在页面中定义。textString是选项卡上的按钮文本图标路径字符串。无图像路径，图标大小限制为40kb，建议大小为81px * 81px。不支持网络图像selectedIconPathString时的图像路径。icon的大小限制为40kb，建议大小为81px * 81px。不支持网络图像页面配置文件功能。

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

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

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

如果小程序中的页面想要有一个特殊的窗口表示形式，则有必要修改。页面级的json文件。

注意:

当页面配置与全局配置冲突时，根据邻近原则，最终效果将基于页面配置。

页面配置中的常见配置项

属性类型默认值说明navigationbarbackgroundcolor # 000000当前导航栏背景色NavigationBartextStyleStringWhite导航栏标题颜色，仅支持黑色/白色navigationbartitletextstring。当前导航栏的标题文本内容backgroundColorHexColor#ffffff当前窗口的背景颜色backgroundTextStyleStringdark是当前页面下拉加载的样式。仅支持深色/浅色PullDownRefresh BooleanFull。是否要打开当前页面的下拉刷新？onReachBottomDistanceNumber50当页面上的拉底事件被触发时距页面底部的距离，以px为单位。更多编程知识请访问:编程视频！！

以上是小程序中全局配置的详细分析。更多资讯请关注主机参考其他相关文章！

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

• 如何实现小程序发送服务通知（小程序如何主动向用户发送通知）
• 如何获取小程序的unionid（如何获取小程序的页面路径）
• 生成海报的示例小程序（Java后端）（微信小程序生成海报演示）
• 什么是小程序？ 有哪些功能？（什么是小程序？有哪些功能？）
• 介绍如何用小程序生成参数二维码（二维码+小程序参数）

本文由主机参考刊发，转载请注明：applet中全局配置的深入分析（applet全局方法） https://zhujicankao.com/104789.html