码迷,mamicode.com
首页 > 移动开发 > 详细

uni-app做下拉刷新

时间:2021-01-12 10:49:25      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:tom   一个   fresh   箭头   今天   bsp   执行   code   activiti   

{
  "path": "pages/activities/bargain",
       "style": {
             "navigationBarTitleText": "",
                "navigationStyle": "custom",
                "enablePullDownRefresh": true,//是否开启页面刷新
                "app-plus": {
                "bounce": "none" //关闭窗口回弹效果
                }
     }
},
这是uni-app项目里自带的pages.json,就是页面的
        onLoad(option) {
            setTimeout(function () {  //设置了定时器
                console.log(‘start pulldown‘);
            }, 1000);  //毫秒
            uni.startPullDownRefresh({
                success: res => {  //箭头函数
                    this.orderId = option.orderId
                    this.orderSn = option.orderSn
                    this.shareTime = option.time
                    if (!this.shareTime) {
                        this.addShareTime()
                    }
                    this.getBarginData()    //调用这个接口
                    console.log(res); //success 返回参数说明
                }
            }); //这里表示当进入页面的时候就开始执行下拉刷新动画
        },
        onPullDownRefresh() {
            if (this.orderId) {
                if (!this.shareTime) {
                    this.addShareTime()
                }
                this.getBarginData()    //调用接口
            }
            //监听下拉刷新动作的执行方法,每次手动下拉刷新都会执行一次
            console.log(‘refresh‘);
            setTimeout(function () {
                uni.stopPullDownRefresh();  //停止下拉刷新动画
            }, 1000);
        },

 

今天新知道了一个网站,可以压缩图片的大小  https://tinypng.com/

uni-app做下拉刷新

标签:tom   一个   fresh   箭头   今天   bsp   执行   code   activiti   

原文地址:https://www.cnblogs.com/funing-z/p/14255806.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!