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

本站:VPS参考评测推荐,专注分享VPS服务器优惠信息!若您是商家也可以在本站进行投稿,查看详情!此外我们还提供软文收录、PayPal代付、广告赞助等服务,查看详情!
部分文章发布时间较久远,可能存在未知因素,购买时建议在本站搜索商家名称,可查看相关文章充分了解商家!若非中文页面可使用谷歌浏览器同步翻译!PayPal代付/收录合作

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

小程序根目录下的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为单位。有关编程的更多信息,请访问:编程视频!!以上是对小程序中全局配置细节的深入分析。请多关注本站其他相关文章!

本文由本站刊发,转载请注明:深入分析小程序中的全局配置(深入分析小程序中的全局配置问题) https://本站.com/74421.html

推荐站内搜索:域名备案收费吗、永久免费空间、一元域名、外网ip地址、网站服务器台湾服务器、宽带ip地址查询、香港云主机、站群服务器、php空间购买、