zoukankan      html  css  js  c++  java
  • 微信小程序组件 下拉刷新

    <!-- &&底部加载 -->
    <view class='page-add-data flexca'>
    <text>{{pageTottomText}}</text>
    </view>
     
     
    /*加载 ---------------- */
    .page-add-data{
    100%;
    height: 40rpx;
    color: #666;
    font-size: 24rpx;
    padding-bottom: 20rpx;
    }
     
     
     
    JS-------------------------
     
    // 底部加载信息
    pageTottomText: '',
    pageN:2,
     
     
    onReachBottom: function () {
    let textCity = this.data.textCity;
    let sexC = this.data.sexC;
    this.setData({
    pageTottomText: ''
    });
    let that = this;
    let pageN = this.data.pageN;
    let lists = this.data.lists;
    // console.log(pageN)
    that.setData({
    pageTottomText: getApp().globalData.addText,
    });
    wx.request({
    url: app.globalData.hpUrl + 'queryUsers',
    data: {
    census: textCity,
    sex: sexC,
    page: pageN
    },
    success: function (res) {

    var arr = [];
    // console.log(res.data)
    var result = res.data;
    //----------------------------------------------
    // 判断分页
    if (result.length != 0) {
    pageN += 1;
    that.setData({
    pageN: pageN
    });
    //----------------------------------------------
    setTimeout(function () {
    lists= lists.concat(result)
    // console.log(lists)
    that.setData({
    lists: lists
    });
    }, 1000);
    //----------------------------------------------
    } else {
    that.setData({
    pageTottomText: getApp().globalData.endText,
    });
    }
    //----------------------------------------------

    }
    })
    },
  • 相关阅读:
    一个 redis 异常访问引发 oom 的案例分析
    从粗放式到精益化编程
    又是一年校招
    xUtils框架的介绍(四)
    xUtils框架的介绍(三)
    hdu 4283 区间dp
    hdu 4632区间dp 回文字串计数问题
    poj 1651 区间dp
    NYOJ 石子合并(一) 区间dp入门级别
    区间dp 整数划分问题
  • 原文地址:https://www.cnblogs.com/dianzan/p/8177979.html
Copyright © 2011-2022 走看看