uniapp 使用了overflow-y: scroll; 如何做分页效果

如果你在uniapp中使用了 `overflow-y: scroll;` 属性，实现了滚动效果，那么可以通过监听滚动事件，来实现分页效果。

具体实现步骤如下：

1. 在页面中添加一个滚动容器，例如：

<view class="scroll-container" style="height: 100vh; overflow-y: scroll;">
  <view class="list-item" v-for="(item, index) in items" :key="index">{{ item }}</view>
</view>

2. 在页面的 `data` 中添加一个变量 `pageNum`，用于记录当前页码，例如：

data() {
  return {
    items: [], // 数据列表
    pageNum: 1, // 当前页码
  }
},

3. 在页面中使用 `onScrollToLower` 事件监听滚动到底部的事件，例如：

<view class="scroll-container" style="height: 100vh; overflow-y: scroll;" @scrolltolower="loadMoreData">
  <view class="list-item" v-for="(item, index) in items" :key="index">{{ item }}</view>
</view>

4. 在 `loadMoreData` 方法中，根据当前页码加载对应的数据，并将页码加1，更新 `pageNum` 变量，例如：

methods: {
  loadMoreData() {
    // 根据当前页码加载对应的数据
    const newData = loadData(this.pageNum);
    this.items = this.items.concat(newData);

    // 将页码加1，更新 pageNum 变量
    this.pageNum += 1;
  }
},

5. 在 `loadData` 方法中，根据传入的页码，加载对应的数据，例如：

function loadData(pageNum) {
  // 根据 pageNum 加载对应的数据
  const data = [];
  for (let i = 0; i < 10; i++) {
    data.push(`Item ${(pageNum - 1) * 10 + i + 1}`);
  }
  return data;
}

6. 最后，根据你的实际情况，可能还需要在页面加载时，先加载第一页的数据，例如：

onLoad() {
  // 加载第一页的数据
  const newData = loadData(this.pageNum);
  this.items = this.items.concat(newData);

  // 将页码加1，更新 pageNum 变量
  this.pageNum += 1;
}

通过以上步骤，即可实现基于滚动容器的分页效果。当滚动到底部时，会自动加载下一页的数据。