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

refresh2 1090+

概述

下拉刷新增强容器

子组件

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

属性

名称类型默认值必填描述
pulldownrefreshing<boolean>false否是否正在下拉刷新
pulluprefreshing<boolean>false否是否正在上拉刷新
animationduration<number>300ms否header 或 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   示例代码

查看示例代码

条匹配 "" 的结果

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