先上效果图啦:
注意:
1.使用了scroll-view,是无法触发onPullDownRefresh的。
2.配置文件中的"enablePullDownRefresh": true 是整体下拉,不能实现局部下拉。
代码如下:
wxml:
<scroll-view class="order_card scroll_view"
scroll-y="true"
bindrefresherrefresh="bindDownLoad" // 下拉刷新回调
refresher-triggered = "{{isLoading}}" // 下拉刷新状态
refresher-enabled="{{true}}" // 开启下拉刷新
refresher-threshold="{{80}}" // 触发下拉刷新阈值
refresher-background="#999999" // 下拉刷新背景颜色
>
</scroll-view>
js:
Page({
data: {
isLoading: false
},
bindDownLoad: function () {
setTimeout(()=>{
this.setData({
isLoading:false
})
this.searchOrder() // 下拉刷新触发的事件
},2000)
},
})
参考文章:https://blog.csdn.net/supming1/article/details/113888640