AppCan下拉刷新的代码

向右看齐 2022-06-05 04:43 139阅读 0赞

最近发现好多页面都没有下拉刷新，于是开始找文档，找方法，找攻略。

自己也测试了下 ，经过自己整理的东西还是让人印象深刻。好了，废话少说。

<script type="text/javascript" charset="utf-8">  
        //0 表示顶  1 表示 底  2 表示结束  
  
  
        window.uexOnload = function(type) \{  
            //设置是否支持网页弹动  
            uexWindow.setBounce(1);  
            //弹动状态改变的监听  
            //type 对应的位置  state 状态0:滑动事件开始;1:刷新事件开始;2:滑动事件结束  
            uexWindow.onBounceStateChange = function(type, state) \{  
                if (type == 0 && state == 2) \{//顶部弹动  
  
  
                    alert("这是事件的地方");  
                    //设置弹动效果结束后显示的网页  
                    uexWindow.resetBounceView("0");  
                \}  
            \};  
            var json = \{  
                //展示下拉状态文字的颜色  
                "textColor" : "\#000",  
                //下拉状态小图标的路径,只支持res:// 格式 ，还想知道详情可以去AppCan官网找找资料  
                "imagePath" : "res://refesh\_icon.png",  
                //显示的二级文字  
                "levelText" : "更新日期",  
                //开始拖动直到超过刷新临界线之前显示的文字  
                "pullToReloadText" : "下拉刷新",  
                //拖动超过刷新临界线后显示的文字  
                "releaseToReloadText" : "释放刷新",  
                //拖动超过刷新临界线并且释放拖动,进入刷新状态时显示的文字  
                "loadingText" : "正在刷新，请稍候..."  
            \};  
            //这个函数用来设置弹动的参数和显示的样式，样式就是上面的json  
            uexWindow.setBounceParams(0, json);  
            //显示弹动的效果  
            uexWindow.showBounceView(\{  
                type : "0", //弹动的位置  
                color : "rgba(15, 155, 155, 100)", //弹动部位的颜色  
                flag : 1 //是否显示内容 1显示 0不显示  
            \});  
            //注册接收弹动事件  
            //左边的参数 表示位置  右边的 表示是否调用onBounceStateChange方法 0 不调用  1 调用  
            uexWindow.notifyBounceEvent(0, 1);  
        \}  
    </script>

有了注释看起来 就明了多了 不用去翻文档了 谢谢！

代码可以直接测试

发表评论取消回复

表情：

评论列表（有 0 条评论，139人围观）

还没有评论，来说两句吧...

相关阅读

相关 uniapp 下拉刷新

这里，最好仔细看一下scroll-view组件的api介绍。scroll-view | uni-app官网//开启自定义下拉刷新//初始情况下，关闭刷新状态/*自定义下拉...

以你之姓@/ 2024年04月22日 15:15/ 0 赞/ 80 阅读

相关 MUI-上拉刷新和下拉刷新

上（下）拉刷新代码一 <script type="text/javascript"> mui.init({ pullRefre

浅浅的花香味﹌/ 2023年09月29日 11:53/ 0 赞/ 19 阅读

相关 uniapp下拉刷新

// 下拉刷新 onPullDownRefresh(){ console.log('刷新中'); setTimeout(fun

短命女/ 2022年11月08日 14:07/ 0 赞/ 237 阅读

相关 uniapp下拉刷新

scroll-view下拉刷新（仅仅支持微信小程序） <template> <scroll-view scroll-y="true" style="h

清疚/ 2022年09月13日 04:07/ 0 赞/ 297 阅读

相关下拉刷新

[http://blog.csdn.net/wwj\_748/article/details/12512885][http_blog.csdn.net_wwj_748_ar

阳光穿透心脏的1/2处/ 2022年08月07日 03:34/ 0 赞/ 240 阅读

相关 android下拉刷新

下拉刷新效果实现图： ![Center][] 下拉刷新代码实现，xml部分代码： ![Center 1][] <?xml version="1.0" en

拼搏现实的明天。/ 2022年06月14日 05:28/ 0 赞/ 261 阅读

相关下拉刷新的库

BeautifulRefreshLayout [![Android Arsenal][]][Android Arsenal 1] GitHub小伙伴交流群” 477826

深藏阁楼爱情的钟/ 2022年06月07日 23:09/ 0 赞/ 146 阅读

相关 AppCan下拉刷新的代码

最近发现好多页面都没有下拉刷新，于是开始找文档，找方法，找攻略。自己也测试了下，经过自己整理的东西还是让人印象深刻。好了，废话少说。 <script type

向右看齐/ 2022年06月05日 04:43/ 0 赞/ 140 阅读

相关 MUI下拉刷新

//下拉刷新 mui.init({ pullRefresh : { container:"cont",//下拉刷新容器标识，queryS

雨点打透心脏的1/2处/ 2022年03月16日 03:56/ 0 赞/ 310 阅读

相关 uniapp 下拉刷新

全局开启 pages.json中->globalStyle "enablePullDownRefresh":true, 单页面开启

待我称王封你为后i/ 2021年07月24日 17:51/ 0 赞/ 489 阅读