Welink ui组件介绍Pulltorefresh
【摘要】 ulltorefresh下拉刷新提供与WeLink规范一致的视图。需引入 pulltorefresh.min.js。 <script src="./pulltorefresh.min.js"></script> <div class="weui-cells__title">基础样式</div> <div class="weui-loading-dot-content"> ...
ulltorefresh
下拉刷新提供与WeLink规范一致的视图。
需引入 pulltorefresh.min.js。
<script src="./pulltorefresh.min.js"></script>
<div class="weui-cells__title">基础样式</div>
<div class="weui-loading-dot-content">
<div class="weui-loading-dot">
<i></i>
<i></i>
<i></i>
</div>
</div>
<div class="weui-cells__title">动画效果</div>
<div id="refresh-body">
<div style="text-align: center; font-size: 14px;">
下拉查看效果
</div>
</div>
<script type="text/javascript">
PullToRefresh.init({
mainElement: '#refresh-body',
onRefresh() {
return new Promise(function(resolve) {
setTimeout(resolve, 1800);
});
},
});
</script>
【版权声明】本文为华为云社区用户原创内容，未经允许不得转载，如需转载请自行联系原作者进行授权。如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容，举报邮箱：
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
作者其他文章
评论（0）