uniapp列表自动加载

你可以使用uni-app框架提供的自动加载功能来实现列表的自动加载。下面是一个简单的示例代码：

1. 在页面的`data`中定义列表数据和加载状态：

data() {
  return {
    list: [], // 列表数据
    loading: false, // 加载状态
    pageNum: 1, // 当前页码
    pageSize: 10, // 每页显示数量
    total: 0 // 数据总数
  }
}

2. 在页面的`onLoad`生命周期函数中调用加载数据的方法：

onLoad() {
  this.loadData();
}

3. 定义加载数据的方法，并在其中发送网络请求获取数据：

methods: {
  loadData() {
    if (this.loading) return;
    
    this.loading = true;
    
    // 发送网络请求获取数据，这里可以调用自己封装的网络请求方法
    // 示例代码：假设请求方法为this.$api.getListData()
    this.$api.getListData(this.pageNum, this.pageSize)
      .then(res => {
        // 更新列表数据
        this.list = this.list.concat(res.data.list);
        // 更新总数
        this.total = res.data.total;
        // 更新页码
        this.pageNum++;
        
        // 判断是否还有更多数据
        if (this.list.length >= this.total) {
          uni.showToast({
            title: '已加载全部数据',
            icon: 'none'
          });
        }
      })
      .catch(err => {
        uni.showToast({
          title: '数据加载失败',
          icon: 'none'
        });
      })
      .finally(() => {
        this.loading = false;
      });
  }
}

4. 在页面的滚动事件中判断是否触发加载更多的条件，调用加载数据的方法：

onReachBottom() {
  // 当列表滚动到底部时触发加载更多
  this.loadData();
}

这样，当页面滚动到底部时，会自动触发加载更多数据，并更新列表显示。当所有数据加载完毕时，会显示一个提示。你可以根据自己的需求进行调整和扩展。