加载中 ...
页面底部的微信小程序上拉显示加载状态
上拉加载状态有一个提示上拉加载显示不再有内容步骤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 软件开发);},上拉动作太敏感,LeanCloud服务器太快,所以放一个300ms的延迟。在请求数据方法中getGoods添加一个判断代码来显示'没有更多内容',而不是初始值'loadingTip:'上拉加载更多''if(goods.length< pageSize){that.setData({loadingTip: '没有更多内容'});}
源代码下载:http://git.oschina.net/dotton/lendoo-wx,本文涉及的代码存储在/pages/goods/list文件夹中。
可以单击带有链接的版本以查看原始文本。
“沈阳软件公司”的新闻页面文章、图片、音频、视频等稿件均为自媒体人、第三方机构发布或转载。如稿件涉及版权等问题,请与
我们联系删除或处理,客服QQ:55506560,稿件内容仅为传递更多信息之目的,不代表本网观点,亦不代表本网站赞同
其观点或证实其内容的真实性。
热门文章
分享到微信朋友圈
×
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。
使用“扫一扫”即可将网页分享至朋友圈。
上一篇:
微信小程序赋予餐饮业权力,带来新机遇和突破!
下一篇:很抱歉没有了