教程 框架 组件 接口 工具 其他

refresh2 1090+

概述

下拉刷新增强容器

子组件

支持子组件、私有子组件 <refresh-header><refresh-footer>

属性

名称类型默认值必填描述
pulldownrefreshing<boolean>false是否正在下拉刷新
pulluprefreshing<boolean>false是否正在上拉刷新
animationduration<number>300msheader 或 footer 移动动画时长
enablepulldown<boolean>true是否允许刷新组件下拉刷新
enablepullup<boolean>false是否允许刷新组件上拉刷新
reboundable<boolean>false是否允许越界回弹
gesture<boolean>true是否允许手势滑动刷新
offset<length>132px刷新组件静止时距离顶部距离,仅作用于header
refreshing<boolean>false刷新组件是否正在刷新
type<String>auto两个可选值,不可动态修改
auto: 默认效果,列表界面拉到顶后,列表不移动,下拉后有转圈弹出。
pulldown: 列表界面拉到顶后,可以继续下拉一段,有回弹效果。

样式

名称类型默认值必填描述
background-color<color>white刷新组件背景颜色
progress-color<color>black刷新组件 loading 颜色

方法

名称参数描述
startPullDownRefresh开始正在下拉刷新
stopPullDownRefresh停止下拉刷新
startPullUpRefresh开始正在上拉刷新
stopPullUpRefresh停止上拉刷新

事件

名称参数描述
pulldownrefresh{refreshing: refreshingValue}下拉刷新触发
pulluprefresh{refreshing: refreshingValue}上拉刷新触发
refresh{refreshing: refreshingValue}下拉刷新触发,兼容 refresh 组件

refresh2   示例代码

查看示例代码

条匹配 "" 的结果

    没有搜索到与 "" 相关的内容