uniapp 触底加载更多

在 UniApp 中实现触底加载更多的功能可以通过监听页面滚动事件来实现。具体步骤如下：

1. 在需要实现触底加载更多的页面中，可以使用 `onPageScroll` 方法来监听页面滚动事件。

onPageScroll(e) {
  // 获取页面滚动的高度
  const scrollTop = e.scrollTop

  // 获取页面可视区域的高度
  uni.getSystemInfo({
    success: (res) => {
      const windowHeight = res.windowHeight

      // 获取页面内容的高度
      uni.createSelectorQuery().select('.content').boundingClientRect((rect) => {
        const contentHeight = rect.height

        // 判断是否触底
        if (scrollTop + windowHeight >= contentHeight) {
          // 加载更多数据
          this.loadMoreData()
        }
      }).exec()
    }
  })
},

2. 在 `loadMoreData` 方法中实现加载更多数据的逻辑。你可以使用异步请求获取数据，然后将新数据追加到原有数据列表中。

loadMoreData() {
  // 发送异步请求获取更多数据
  uni.request({
    url: 'https://example.com/api/getMoreData',
    success: (res) => {
      const newData = res.data

      // 将新数据追加到原有数据列表中
      this.data.list = this.data.list.concat(newData)

      // 更新页面数据
      this.setData({
        list: this.data.list
      })
    }
  })
}

通过以上步骤，你就可以在 UniApp 中实现触底加载更多的功能了。当页面滚动到底部时，会触发加载更多数据的逻辑。记得根据你的项目需求进行相应的修改。