小程序下拉加载动画问题

Posted 韩金金金

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了小程序下拉加载动画问题相关的知识,希望对你有一定的参考价值。

原先自己一直纳闷为什么没有三个小圆点的动画,而只有顶部旁边的navigationBarTitleText转圈圈。

以上效果是因为下拉事件的wx.showNavigationBarLoading() ,看了一圈别人的小程序基本没有这样做的。貌似不大美观。

其实一直怀疑是不是背景白色而看不到,其实三个小圆点的加载动画是有的,改了app.wxss中的page背景颜色确实发现了这个问题。

解决方法:

因为在app.json中设置的"navigationBarTextStyle":"white",在有下拉刷新事件的页面的json文件中把white改成dark,即使app.json中声明了下拉事件属性为true,最好还是重复声明一下。

{
  "enablePullDownRefresh": true,
  "backgroundTextStyle": "dark"
}
 
多提一句,对于子页面的json属性配置不必要写在window对象里,新上手小程序的朋友可能容易犯这个小错误。(我也犯过。。。)

以上是关于小程序下拉加载动画问题的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序下拉刷新和上拉加载的实现

[小黄书小程序]主页面笔记图片高度自适应及上拉无限加载及下拉更新

小程序下拉加载闪烁 跳动

小程序 下拉加载数据量大解决方法

微信小程序 下拉加载执行多次怎么破

微信小程序上拉加载下拉刷新