把 项目 components 下的 wxapp-scroller 放到你自己的项目目录下,然后在 json 文件中:
{
"usingComponents": {
"wxapp-scroller": "/your-path/components/wxapp-scroller/index"
}
}
另外可下载项目,打开 /page/index/index,即可查看demo。最后,感谢原作者 @congxc 。
属性方法一览表:
| 属性参数(props) | |||
|---|---|---|---|
| options | options里包括下列属性 | ||
| 属性名 | 描述 | 参数类型 | 是否必填 |
| showToast | 是否显示提示 | Boolean | 否 |
| contentHeight | 内容高度 | Number | 是 |
| beginRefreshText | 开始刷新时文字 | String | 否 |
| freedRefreshText | 释放刷新时文字 | String | 否 |
| refreshingText | 刷新中文字 | String | 否 |
| refreshSuccessText | 刷新成功文字 | String | 否 |
| refreshErrorText | 刷新失败文字 | String | 否 |
| beginRefreshImg | 开始刷新时图片 | String | 否 |
| refreshingImg | 刷新中图片 | String | 否 |
| refreshBackground | 刷新背景颜色 | String | 否 |
| beginLoadText | 开始加载时文字 | String | 否 |
| freedLoadText | 释放加载时文字 | String | 否 |
| loadingText | 加载中文字 | String | 否 |
| loadSuccessText | 加载成功文字 | String | 否 |
| loadErrorText | 加载失败文字 | String | 否 |
| beginLoading | 开始加载时图片 | String | 否 |
| loadingImg | 加载中图片 | String | 否 |
| loadBackground | 加载背景颜色 | String | 否 |
| loadEndText | 没有数据加载时文字 | String | 否 |
| distance | 刷新和加载区域高度 | Number | 否 |
| pullFactor | 阻塞系数,0到1之间,数值越大越容易拖动 | Float | 否 |
| 事件(bind) | |||
| 方法 | 描述 | 类型 | |
| bind:refresh | 下拉刷新触发事件 | Function | |
| bind:loadmore | 上拉加载触发事件 | Function | |
| (结束刷新事件) | |||
| done | 下拉刷新和上拉加载结束事件,true为成功,false为失败 | ||
| doLoadEnd | 没有加载更多数据 |
微信小程序实现类似android下拉刷新上拉加载更多ListView




