如何在uniapp中实现scroll-view 分页

在uniapp中，可以使用scroll-view组件实现分页。具体实现步骤如下：

1. 在scroll-view组件上设置scroll-x属性为true，表示开启横向滚动。

2. 在scroll-view组件内部添加多个view子组件，每个view子组件的宽度等于scroll-view组件的宽度，表示一页的宽度。

3. 在scroll-view组件的scroll事件中监听滚动距离，根据滚动距离计算当前页数，可以使用Math.floor()函数向下取整。

4. 可以使用v-for指令动态生成view子组件，根据数据源的长度计算需要生成的页数，然后使用v-for循环生成。

下面是一个示例代码：

<scroll-view class="scroll-view" scroll-x @scroll="onScroll">
  <view v-for="(item, index) in dataList" :key="index" class="page">
    <!-- 每页的内容 -->
  </view>
</scroll-view>

export default {
  data() {
    return {
      dataList: [], // 数据源
      currentPage: 0, // 当前页数
    };
  },
  methods: {
    onScroll(event) {
      const { scrollLeft, offsetWidth } = event.target;
      this.currentPage = Math.floor(scrollLeft / offsetWidth);
    },
  },
};

需要注意的是，scroll-view组件在不同平台的表现会有所差异，需要根据实际情况进行调整。