ionic 页面中加入下拉刷新ion-refresh
<!-- 下拉刷新 -->
<
ion-refresher (
ionRefresh)=
"doRefresh($event)"
>
<
ion-refresher-content
pullingIcon=
"ios-arrow-round-down-outline"
pullingText=
"下拉刷新"
refreshingSpinner=
"circles"
>
</
ion-refresher-content
>
</
ion-refresher
>
一、ion-refresher中的属性
closeDuration 关闭 refresher 需要多少毫秒。默认值是 280。
enabled 是否启用
pullMin 默认值为60 用户必须拉下的最小距离,直到刷新者进入刷新状态为止
pullMax 默认=pullMin+60 拖至刷新状态的最大距离将自动进入刷新状态。默认情况下, 拉力最大即 pullmin + 60 自 动刷新
snapbackDuration 刷新者需要多少毫秒才能恢复至刷新状态
二、ion-refresher-content的重要属性
pullingIcon 下拉的图标
pullingText 下拉加载显示的文字
refreshingSpinner 释放的时候的加载图标 ???
refreshingText 释放的时候加载的文字
三、对应页面的业务逻辑中写下拉更新的方法
doRefresh(refresh){
setTimeout(()
=>{
refresh.complete();//当数据请求完成时调用
},
3000)
}