pull down/pull up refresh & UI Components

Dear 丶 2021-11-04 23:14 247阅读 0赞

# pull down/pull up refresh & UI Components #

> 下拉/上拉刷新

[https://mint-ui.github.io/docs/\#/zh-cn2/loadmore][https_mint-ui.github.io_docs_zh-cn2_loadmore]

import { Loadmore } from 'mint-ui';
    
    Vue.component(Loadmore.name, Loadmore);

<mt-loadmore :top-method="loadTop" :bottom-method="loadBottom" :bottom-all-loaded="allLoaded" ref="loadmore"> <ul> <li v-for="item in list">{ { item }}</li> </ul> </mt-loadmore>

> pull down/pull up refresh js

[https://github.com/owenliang/pullToRefresh][https_github.com_owenliang_pullToRefresh]

[https://github.com/owenliang/pullToRefresh/blob/master/pullToRefresh.js][https_github.com_owenliang_pullToRefresh_blob_master_pullToRefresh.js]

[https://github.com/owenliang/pullToRefresh/blob/master/iscroll.js][https_github.com_owenliang_pullToRefresh_blob_master_iscroll.js]

![740516-20190625125546701-1518072450.gif][]

[https://github.com/dwcares/pulltorefresh][https_github.com_dwcares_pulltorefresh]

[http://dwcares.com/2013/10/06/pull-to-refresh-2/][http_dwcares.com_2013_10_06_pull-to-refresh-2]

## pulltorefresh.js ##

[https://www.boxfactura.com/pulltorefresh.js/][https_www.boxfactura.com_pulltorefresh.js]

[https://www.boxfactura.com/pulltorefresh.js/demos/basic.html][https_www.boxfactura.com_pulltorefresh.js_demos_basic.html]

[https://www.cssscript.com/tag/pull-to-refresh/][https_www.cssscript.com_tag_pull-to-refresh]

[https://stackoverflow.com/questions/46190436/how-to-detect-pull-to-refresh][https_stackoverflow.com_questions_46190436_how-to-detect-pull-to-refresh]

[https://stackoverflow.com/questions/37005417/pull-up-to-refresh-in-android-recyclerview][https_stackoverflow.com_questions_37005417_pull-up-to-refresh-in-android-recyclerview]  
[https://github.com/WyrdNexus/js-minimal-android-swipe-detect][https_github.com_WyrdNexus_js-minimal-android-swipe-detect]

[https://makitweb.com/pull-down-to-refresh-with-pulltorefresh-js/][https_makitweb.com_pull-down-to-refresh-with-pulltorefresh-js]

[https://www.npmjs.com/package/mobile-pull-to-refresh][https_www.npmjs.com_package_mobile-pull-to-refresh]

--------------------

[https://www.cnblogs.com/xgqfrms/p/11071017.html][https_www.cnblogs.com_xgqfrms_p_11071017.html]

# AB testing #

![740516-20190625130004606-325527631.png][]

[https://github.com/jiangfengming/pull-to-refresh/blob/master/src/pullToRefresh.js][https_github.com_jiangfengming_pull-to-refresh_blob_master_src_pullToRefresh.js]

--------------------

转载于:https://www.cnblogs.com/xgqfrms/p/11082170.html

[https_mint-ui.github.io_docs_zh-cn2_loadmore]: https://mint-ui.github.io/docs/#/zh-cn2/loadmore
[https_github.com_owenliang_pullToRefresh]: https://github.com/owenliang/pullToRefresh
[https_github.com_owenliang_pullToRefresh_blob_master_pullToRefresh.js]: https://github.com/owenliang/pullToRefresh/blob/master/pullToRefresh.js
[https_github.com_owenliang_pullToRefresh_blob_master_iscroll.js]: https://github.com/owenliang/pullToRefresh/blob/master/iscroll.js
[740516-20190625125546701-1518072450.gif]: /images/20211104/d466aed88e3f4713a37dc02a1e941293.png
[https_github.com_dwcares_pulltorefresh]: https://github.com/dwcares/pulltorefresh
[http_dwcares.com_2013_10_06_pull-to-refresh-2]: http://dwcares.com/2013/10/06/pull-to-refresh-2/
[https_www.boxfactura.com_pulltorefresh.js]: https://www.boxfactura.com/pulltorefresh.js/
[https_www.boxfactura.com_pulltorefresh.js_demos_basic.html]: https://www.boxfactura.com/pulltorefresh.js/demos/basic.html
[https_www.cssscript.com_tag_pull-to-refresh]: https://www.cssscript.com/tag/pull-to-refresh/
[https_stackoverflow.com_questions_46190436_how-to-detect-pull-to-refresh]: https://stackoverflow.com/questions/46190436/how-to-detect-pull-to-refresh
[https_stackoverflow.com_questions_37005417_pull-up-to-refresh-in-android-recyclerview]: https://stackoverflow.com/questions/37005417/pull-up-to-refresh-in-android-recyclerview
[https_github.com_WyrdNexus_js-minimal-android-swipe-detect]: https://github.com/WyrdNexus/js-minimal-android-swipe-detect
[https_makitweb.com_pull-down-to-refresh-with-pulltorefresh-js]: https://makitweb.com/pull-down-to-refresh-with-pulltorefresh-js/
[https_www.npmjs.com_package_mobile-pull-to-refresh]: https://www.npmjs.com/package/mobile-pull-to-refresh
[https_www.cnblogs.com_xgqfrms_p_11071017.html]: https://www.cnblogs.com/xgqfrms/p/11071017.html
[740516-20190625130004606-325527631.png]: /images/20211104/4946d96070d14e2e956537b1c2c433cc.png
[https_github.com_jiangfengming_pull-to-refresh_blob_master_src_pullToRefresh.js]: https://github.com/jiangfengming/pull-to-refresh/blob/master/src/pullToRefresh.js