×
大家都在搜

微信扫码登录

使用验证码登录

QQ登录

只需一步,快速开始

+发表新主题
分享
开启左侧

分析微信小程序现下拉刷新详解方法

[复制链接]

分析微信小程序现下拉刷新详解方法

岁月如歌 发表于 2024-6-21 13:06:28 浏览:  80 回复:  0 [显示全部楼层] 回帖奖励 |倒序浏览 |阅读模式


本文将简单介绍如何现微信小程序的下拉刷新微信小程序现下拉刷新详解方法

将要使用的:


NBL(O)

L(O)

L(O)

NBL(O)

PDR(O)

(O)


刷新
R(){
在当前页面显示导航条加载动画
NBL();
显示提示框。需主动调用L才能关闭提示框
L({
:'刷新中',
})
D();
},
络请求,获取数据
D(){
        ({
:'',
络请求执行完后将执行的动作
(){
隐藏提示框
L();
隐藏导航条加载动画
NBL();
停止下拉刷新
PDR();
                }
        })
},
**
*页面相关事件处理函数--监听用户下拉动作
*
PDR:(){
调用刷新时将执行的方法
        R();
}
除了在页面编写响应的逻辑之外,还需要再相应页面的中写入以下配置,这个配置允许这个页面进行下拉刷新动作

{
"PDR":
}
特别需要注意的是:


写之前先看看有已经存在的PDR:()函数,否则将不能监听到用户的下拉刷新动作

注意相关的配对使用

不要忘了在需要刷新结束时调用PDR(),否则,页面将会保持下拉状态、不会回弹。・


此外,除了下拉刷新,有时候可能是在某个事件进行时触发刷新动作,此时可以调用PDR(O)此的作用是:“开始下拉刷新。调用后触发下拉刷新动画,效果与用户手动下拉刷新一致。”






做这些简单的事情,也可以让可视化html模板播种下优质的基因,最终长成参天大树,成为行业的翘楚。https://www.uihtm.com/tag/bigdata.htmlHTML源码网(www.uihtm.com)提供div+css3响应式模板包括:网页模板、企业模板、商城模板,以及h5网站,jQuery网页特效,wp主题等8000G源码免费模板下载。