MUI添加下拉刷新的动画效果

利用MUI框架在APP里添加下拉刷新功能还是比较简单的只需要很短的代码即可实现;

首先还是要进行重置操作,然后在重置函数内添加下拉刷新命令,并添加下拉刷新的等待动画。、

注意:下拉刷新命令一定要记得设置关闭,否则页面会一直刷新,不会显示任何内容;

hui.plusReady(function(){
     getNewList();
    //重置并运行函数
     hui.refresh(getNewsList);
     //刷新运行函数getNewsList
    hui.centerLoading();
   //添加刷新动画;

})

function getNewsList(){
    hui.get('url',
       function(data){
       hui.endRefresh();
      //设置结束刷新,只要函数活得数据就立刻结束刷新
 hui.centerLoading(true);
//关闭动画
},function(e){
      hui.endRefresh();
     //获取失败后也停止刷新
 hui.centerLoading(true);
//关闭动画
}
)
}

你可能感兴趣的:(app开发)