APP页面增加下拉刷新方法

需要用到farmework7框架



页面body头部添加如下html ,尾部加上4个</div>

 

<div class="statusbar-overlay"></div>
<div class="views">
<div class="view
view-main">
<div class="page">
<div class="page-content
pull-to-refresh-content">
<div class="pull-to-refresh-layer">
<div class="preloader"></div>
<div class="pull-to-refresh-arrow"></div>
</div>
 

 

底部添加如下JS（放在JQ.js和famework7.min.js后），可以单独调用也可以放在my-app.js

<script>
var myApp =
new Framework7();
var $$ =
Dom7;
// 下拉刷新页面
var ptrContent =
$$('.pull-to-refresh-content');
// 添加'refresh'监听器
ptrContent.on('refresh',
function (e) {
 
//添加刷新方法处
 
// 模拟2s的加载过程
setTimeout(function () {
myApp.pullToRefreshDone();
},
2000);
});
</script>