使用微信小程序实现无限滚动效果

// index.jsPage({  data: {    // 数据列表，假设有10个元素    listData: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10],    // 每次加载的数据条数    pageSize: 5,    // 当前已加载的数据数量    loadedCount: 0,    // 是否正在加载数据    isLoadingData: false  },  // 页面滚动事件的回调函数  onPageScroll: function(e) {    // 获取页面的高度和滚动位置    let windowHeight = wx.getSystemInfoSync().windowHeight;    let scrollTop = e.scrollTop;    // 判断滚动位置是否接近底部，距离底部10px以内视为接近底部    if ((scrollTop + windowHeight) >= (this.data.listData.length * 100 - 10)) {      // 判断是否正在加载数据      if (!this.data.isLoadingData) {        // 开始加载新数据        this.loadData();      }    }  },  // 加载新数据  loadData: function() {    // 显示加载中的提示    wx.showLoading({      title: '加载中...',    });    // 模拟加载数据的延迟    setTimeout(() => {      // 更新数据列表和已加载的数据数量      let listData = this.data.listData;      let loadedCount = this.data.loadedCount + this.data.pageSize;      for (let i = this.data.loadedCount; i < loadedCount; i++) {        listData.push(i + 1);      }      // 更新页面数据和状态      this.setData({        listData: listData,        loadedCount: loadedCount,        isLoadingData: false      });      // 隐藏加载中的提示      wx.hideLoading();    }, 1000);  }})