apiclound 分页实现

最新推荐文章于 2025-06-05 10:03:09 发布

燕小白

最新推荐文章于 2025-06-05 10:03:09 发布

阅读量1.1k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： IT 文章标签： apiclound

本文链接：https://blog.youkuaiyun.com/qq_39256837/article/details/80885693

IT 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了一个使用api.setRefreshHeaderInfo方法实现下拉刷新功能的例子，并展示了通过监听'scrolltobottom'事件来实现上拉加载更多数据的技术方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

api.setRefreshHeaderInfo({
    loadingImg : 'widget://image/refresh.png',
    bgColor : '#ccc',
    textColor : '#fff',
    textDown : '下拉刷新...',
    textUp : '松开刷新...'
}, function(ret, err) {
    currentPageNum = 1;
    shuaxinxinxi(currentPageNum);
    // 恢复下拉
    api.refreshHeaderLoadDone()
});
// 上拉加载
    api.addEventListener({
    name : 'scrolltobottom',
extra : {
    threshold : 50 //设置距离底部多少距离时触发，默认值为0，数字类型
}
}, function(ret, err) {
    currentPageNum += 1;
    shuaxinxinxi(currentPageNum);
    api.toast({
    msg : '已经到底了'
 });
});