zoukankan      html  css  js  c++  java
  • 小程序下拉刷新,上拉加载更多

    // 下拉刷新  
     onPullDownRefresh: function () {  
       // 显示顶部刷新图标  
       wx.showNavigationBarLoading();  
       var that = this;  
       wx.request({  
         url: 'https://xxx/?page=0',  
         method: "GET",  
         header: {  
           'content-type': 'application/text'  
         },  
         success: function (res) {  
           that.setData({  
             moment: res.data.data  
           });  
           // 设置数组元素  
           that.setData({  
             moment: that.data.moment  
           });  
           console.log(that.data.moment);  
           // 隐藏导航栏加载框  
           wx.hideNavigationBarLoading();  
           // 停止下拉动作  
           wx.stopPullDownRefresh();  
         }  
       })  
     },  
    /** 
       * 页面上拉触底事件的处理函数 
       */  
      onReachBottom: function () {  
        var that = this;  
        // 显示加载图标  
        wx.showLoading({  
          title: '玩命加载中',  
        })  
        // 页数+1  
        page = page + 1;  
        wx.request({  
          url: 'https://xxx/?page=' + page,  
          method: "GET",  
          // 请求头部  
          header: {  
            'content-type': 'application/text'  
          },  
          success: function (res) {  
            // 回调函数  
            var moment_list = that.data.moment;  
      
            for (var i = 0; i < res.data.data.length; i++) {  
              moment_list.push(res.data.data[i]);  
            }  
            // 设置数据  
            that.setData({  
              moment: that.data.moment  
            })  
            // 隐藏加载框  
            wx.hideLoading();  
          }  
        })  
      
      },  

    注意在json文件里设置:

    "enablePullDownRefresh": true,
  • 相关阅读:
    引爆点--产品方法论
    智能的差旅预订 竞品分析
    差旅管理
    运营中的用户心理学
    鸡汤
    励志的鸡汤
    cmder安装
    jQuery height() innerHeight() outerHight() width() innerWidth() outerWidth()源码解读
    css未知宽度水平居中整理
    css水平垂直居中块整理
  • 原文地址:https://www.cnblogs.com/fxdo/p/9051625.html
Copyright © 2011-2022 走看看