小程序学习前期阶段学习日志

用户头像
来自浙江理工大学-马丽娜发布于:2018-08-04 09:17:04

加载和刷新

先介绍在IDE中,怎么模拟上滑这个操作。开始我是用鼠标点击文章列表,然后先上移动。结果一直没有结果,以为是代码写的有问题。其实并不是,上滑,下拉这个操作,只需要用鼠标的滚轮即可。

首先,我们先完成上滑和下拉这个功能。

list.wxml文件:

 

list.js 文件:

       第一点:如果对 app.ajax.req 里面的方法看不懂,可以参考:微信小程序request请求 (有对应接口源码)

  • 第二点:因为是分页查询,需要把上一次查询内容保存,所以用list.push 拼接。

    第三点:每次查询后,页数都要加一,并且加载前要显示加载的icon,加载结束要隐藏。

    第四点:页面加载初始化获取设置信息.

    第五点:下拉的逻辑,将页数设置为一,并清空msgList 内容,定位距顶部0px,最后调用加载数据的方法。

    第六点:上滑的逻辑,直接调用。因为定位点在scorll方法中已经赋值。

     

    这样加载和刷新就完成了,虽然对刷新很不满意,网上找了很多例子都是这样,如果有好的效果,请赐教.代码太长我就不一一写出来了。

点赞 (0) 回复
1F 用户头像
来自浙江理工大学-吴兴超发布于:2018-08-05 18:11:09
社会主义好
加载更多
点击图片
取消
回复
发布回复
点击图片