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);
//关闭动画
}
)
}

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值