<scroll-view
scroll-y style="width: 100%; height: 400px;"
refresher-enabled="{{true}}"
refresher-threshold="{{100}}"
refresher-default-style="white"
refresher-background="lightgreen"
refresher-triggered="{{triggered}}"
bindrefresherpulling="onPulling"
bindrefresherrefresh="onRefresh"
bindrefresherrestore="onRestore"
bindrefresherabort="onAbort"
>
</scroll-view>
js
const app = getApp()
Page({
data: {
arr: [],
triggered: false,
},
onReady: function () {
},
onPulling(e) {
console.log('onPulling:', e)
},
onRefresh() {
//模拟发送请求
setTimeout(() => {
this.setData({
triggered: false,
})
}, 3000)
},
onRestore(e) {
console.log('onRestore:', e)
},
onAbort(e) {
console.log('onAbort', e)
},
})
/**index.wxss**/
.intro {
margin: 30px;
text-align: center;
}
.trans {
transition: .2s;
}
