小程序全局配置详解（详细解析小程序全局配置是什么）

本文介绍小程序的全局配置，了解小程序的常用配置项和页面配置文件。

全局配置文件和常用配置项

app.json文件位于小程序的根目录下，它包含了小程序的全局设置。文件。 常用的设置有：

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

小程序窗口组件

窗口常用设置

属性名称 类型 默认值 描述 NavigationBarTitleTextString String 导航栏标题文本 内容 NavigationBarBackgroundColorHexColor#000000 导航栏背景颜色 NavigationBarTextStyleStringwhite 导航栏标题颜色，仅支持黑/白 backgroundColorHexColor#f fffff 窗口背景颜色 backgroundTextStyleStringdark 下拉加载样式，仅支持 dark/lightenablePullDownRefreshBooleanfalse 是否全局启用下拉刷新 onReachBottomDistanceNumber50 页面下拉 事件触发时距离页面底部的距离，单位px

设置导航栏标题

app.json -> window -> NavigationBarTitleText

设置导航栏背景颜色

app.json -> window -> NavigationBarBackgroundColor

导航 设置栏标题颜色

app.json -> window -> EnablePullDownRefresh

全局启用下拉刷新 (app.json 启用应用程序中的下拉更新功能。 这会影响每个小程序页面）

下拉刷新：手指向下滑动以重新加载页面数据的行为。 screen

app .json -> window -> enablePullDownRefresh

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

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

app.json -> window -> backgroundColor

设置下拉更新的加载样式

全局启用下拉更新功能后，默认窗口加载为白色。 设置加载样式效果。

app.json -> window -> backgroundTextStyle

设置上拉到底部的距离。

上拉至底部：在屏幕上向上滑动手指以读取更多数据的操作。

app.json -> window -> onReachBottomDistance

什么是tabBar

tabBar

tabBar是移动应用中常见的页面效果。 用于在多个页面之间快速切换。 小程序分为两种：底部tabBar和顶部tabBar。 注意：您只能在 tabBar 中配置最少 2 个、最多 5 个选项卡。 渲染顶部tabBar时，不显示图标，只显示文字

tabBar的六部分

tabBar常用设置项

tabBar组件设置项

属性类型You必须输入一个默认值来指示 位置字符串编号 底部tabBar位置。 仅支持底部边框。 borderStyleString 编号 blacktabbar 上边框颜色。 仅支持黑/白颜色HexColor。 选项卡栏上的文本没有默认颜色。 （未选中） selectedColorHexColor 否 tabBar 被选中时的默认文本颜色 backBar 背景色 listArray 为 tabBar 的标签栏列表，至少 2 个，最大 5

每个选项卡项的每个配置选项

属性类型为必填 描述 pagePathString 为页面路径，必须首先在页面中定义 textString 是选项卡顶部按钮的文本 iconPathString 无图片路径，图标大小限制为 40kb，建议大小为 81px * 81px，不支持网络图片 selectedIconPathString 选择时无图片路径，图标大小限制为 40kb，建议大小为 81px * 81px，不支持网络图片 页面配置文件

页面配置文件的作用

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

页面配置与全局配置的关系

小程序中的窗口，app.json节点可以全局配置小程序中每个页面的窗口性能

如果您希望小程序中的某个页面具有特殊的窗口性能，则需要修改页面级.json文件。

注意：

如果页面设置与全局设置冲突，就近原则，最终效果会受到页面设置的影响

页面设置正在进行常用设置项

属性类型 默认值 说明 NavigationBarBackgroundColorHexColor#000000 当前导航栏背景色 NavigationBarTextStyleStringwhite 导航栏标题颜色，仅限黑白 navigationBarTitleTextString 当前导航栏标题文字内容 backgroundColorHexColor#fffff f 当前窗口背景色 backgroundTextStyleStringdark 下拉道路样式 当前页面仅支持dark/lightenablePullDownRefreshBooleanfalse。 对当前页面启用下拉更新 onReachBottomDistanceNumber50 触发页面下拉事件时距页面底部的距离，单位为px

编程相关知识请参见：编程视频！

PHP快速学习视频免费教程（从入门到精通）

如何学习PHP？我应该从哪里学习PHP？别担心。 这里有简单的 PHP 学习教程（从初学者到专家）。 您可以保存并下载您想学习的朋友。

下载

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

• applet中全局配置的深入分析（applet全局方法）
• 深入分析小程序中的全局配置(深入分析小程序中的全局配置问题)

本文由主机参考刊发，转载请注明：小程序全局配置详解（详细解析小程序全局配置是什么） https://zhujicankao.com/141830.html