加载中 ...
首页 > 新闻资讯 > 经验心得 正文

页面底部的微信小程序上拉显示加载状态

2019-07-13 08:54:53 来源:沈阳小程序开发 作者:沈阳软件开发

上拉加载状态有一个提示上拉加载显示不再有内容步骤1.在列表末尾开始一个视图

{{loadingTip}}

2.添加样式

.loading-indicator {text-align: center; font-size: 12px; margin: 10px 0;}

3.js代码实现

onReachBottom: function(){setTimeout(function(){//为页码添加1表示.getGoods(that.category,++ pageIndex);},300 phone 软件开发

ad.jpg

);},上拉动作太敏感,LeanCloud服务器太快,所以放一个300ms的延迟。在请求数据方法中getGoods添加一个判断代码来显示'没有更多内容',而不是初始值'loadingTip:'上拉加载更多''if(goods.length< pageSize){that.setData({loadingTip: '没有更多内容'});}

源代码下载:http://git.oschina.net/dotton/lendoo-wx,本文涉及的代码存储在/pages/goods/list文件夹中。

可以单击带有链接的版本以查看原始文本。

“沈阳软件公司”的新闻页面文章、图片、音频、视频等稿件均为自媒体人、第三方机构发布或转载。如稿件涉及版权等问题,请与

我们联系删除或处理,客服QQ:55506560,稿件内容仅为传递更多信息之目的,不代表本网观点,亦不代表本网站赞同

其观点或证实其内容的真实性。