VPS参考测评推荐
专注分享VPS主机优惠信息
hostkvm优惠促销活动
zji优惠促销活动
衡天云优惠活动
亚马逊云aws.amazon.com最新优惠活动

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

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

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

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

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

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

1.png

窗口公共配置项目

属性类型默认值描述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时,不显示图标,只显示文本2.png

tabBar的6个部分

3.png

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://zhujicankao.com/74421.html

【腾讯云】爆款2核2G云服务器首年40元,企业首购最高获赠300元京东卡
打赏
转载请注明原文链接:主机参考 » 深入分析小程序中的全局配置(深入分析小程序中的全局配置问题)
主机参考仅做资料收集,不对商家任何信息及交易做信用担保,购买前请注意风险,有交易纠纷请自行解决!请查阅:特别声明

评论 抢沙发

评论前必须登录!