zoukankan      html  css  js  c++  java
  • 微信小程序下拉刷新和上拉加载的实现

    一: 下拉刷新

    下拉刷新两个步骤就能实现。

    1.在要实现下拉刷新的页面的json配置文件里面加上

    "enablePullDownRefresh": true, //开启下拉刷新
    "backgroundColor": "#f0145a" //设置背景颜色,如果不设置背景颜色,就看不见下拉刷新的加载动画了,因为加载动画和背景色颜色一样

    2.在要实现下拉刷新的页面下拉刷新的函数

    onPullDownRefresh() {
    wx.showNavigationBarLoading() //在标题栏中显示加载
    },

    二. 上拉加载更多

      1. // 帖子滚动到底部的加载事件  
      2. lower:function(e){  
      3.   console.log(e)  
      4.   var that = this  
      5.   var url = util.apiUrl + 'FWinfo/tiezi_list'  
      6.   util.request(url, 'get', { 'program_id': app.program_id, 'id': that.data.msg_id }, '正在加载数据', function (res) {  
      7.     for (var i = 0; i < res.data.length; i++) {  
      8.       res.data[i].image = res.data[i].image.split(",")  
      9.     }  
      10.     var msg = that.data.msg.concat(res.data)  
      11.     that.setData({  
      12.       msg: msg,  
      13.       msg_id: res.data[res.data.length - 1].id  
      14.     })  
      15.   })  
      16. },  
  • 相关阅读:
    @property
    UIViewController卸载过程(ios6.0以后)
    UIViewController卸载过程(ios6.0之前)
    UIViewController启动过程
    意淫原理,还是很有意思的
    协议
    多线程理解
    内存溢出与内存泄露
    jquery:实例方法
    计划,模型
  • 原文地址:https://www.cnblogs.com/hzp-tt/p/8987953.html
Copyright © 2011-2022 走看看