微信小程序自定义长列表实现下拉刷新上拉加载

之前写项目遇到要用长列表由于数据量比较多所以就优先考虑小程序原生的组件

微信小程序官方提供了recycle-view长列表组件（长列表组件）但是给的实例不是很清楚，所以就自己写了一个

index.js

import request from '../../../utils/request'
Page({
   

  /**
   * 页面的初始数据
   */
  data: {
   
    start: 1, //起始页
    pageSize: 10, //每页的数据
    dataList: [], //用于存放获取的数据
    hasdata: false //判断是有还有数据
  },

  /**
   * 生命周期函数--监听页面加载
   */
//进入页面，重新加载
  onLoad: function (options) {
   
    this.setData({
   
      start: 1,
      dataList: []
    })
    this.getListDate()
  },

  //获取用户列表
  async getListDate() {
   
    let res = await request('/system/type/wx/maintain/want', {
   
      roleId: wx.getStorageSync('roleId'),
      start: this.data.start,
      pageSize: this.data.pageSize
    })
    console.log(res);
    wx.stopPullDownRefresh(); //停止下拉刷新，与下面的监听刷新对应
    const tmpdata = res.data
    console.log(tmpdata);
    
    //把所有数据跟拿到的数据进行比较，如果所有数据比拿到的数据小，证明数据已经拿完
    if