1.0.5 • Published 5 years ago
vue-scroller-loading v1.0.5
vue-scroller-loading 
Vue Scroller Loading support smooth scroll, pull to refresh & infinite loading.
Reference
See also Vue-Scroller doing recursion instead of timer(setInterval) to improve performance.
Demo
https://lzyerliu.github.io/vue-scroller-loading
Usage
# install
npm install vue-scroller-loading -S (or cnpm install vue-scroller-loading -S)/* ignore this if you include vue-scroller.js by <script> tag from a cdn, such as unpkg */
import Vue from 'vue'
import Scroller from 'vue-scroller-loading'
Vue.use(Scroller)<scroller
:on-refresh="refresh"
:on-infinite="infinite"
>
<!-- content to here -->
</scroller>API
vue-scroller-loading component attributes:
| Attr. Name | Description | Required | Default Value |
|---|---|---|---|
| onRefresh | pull to refresh callback | N | - |
| onInfinite | infinite loading callback | N | - |
| refreshText | tips of pull-to-refresh | N | 下拉刷新 |
| releaseText | tips of pull-to-refresh | N | 松开更新 |
| noDataText | tips of no-more-data when infinite-loading finished | N | 没有更多数据 |
| width | scroller container width | N | 100% |
| height | scroller container height | N | 100% |
| snapping | enable snapping mode | N | false |
| snappingWidth | snapping width | N | 100 (stand for 100px) |
| snappingHeight | snapping height | N | 100 |
| refreshLayerColor | text color of pull-to-refresh layer | N | #999 |
| loadingLayerColor | text color of infinite-loading layer | N | #999 |
| minContentHeight | min content height (px) of scroll-content | N | 0 |