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>