uniapp 高度固定分页

UniApp高度固定的分页通常是在构建列表页面时，为了保持每个页面元素的高度一致，即使内容高度变化，也能让用户看到整个页面的完整布局。在uni-app中，你可以通过以下几个步骤实现高度固定的分页：

1. **设置组件样式**：为分页栏、加载更多区域以及每一页的内容设定固定的布局高度。例如，给`view`或者`scroll-view`等容器设置`height`属性。

<view class="fixed-height-page">
  <!-- 每页内容 -->
  <scroll-view class="content-scroll" height="{{totalHeight}}" scroll-y>
    <!-- ... -->
  </scroll-view>

  <!-- 分页栏 -->
  <view class="pagination">
    <!-- ... -->
  </view>
</view>

2. **动态计算总高度**：你需要在数据获取完成后，根据所有内容的实际高度（包括滚动条）动态更新`totalHeight`属性。这通常需要配合事件监听器（如`scrolltolower`或`scrolltoupper`）来触发计算过程。

data() {
  return {
    totalHeight: 0,
    contentList: [],
  };
},
methods: {
  handleScrollLoad() {
    this.totalHeight = this.contentScroll的高度 + // 加上滚动条高度或其他边距;
    this.$refs.contentScroll.scrollTop = this.totalHeight; // 设置滚动到顶部
  },
}

3. **监听滚动事件**：在`scroll-view`上添加滚动事件，当用户滚动到底部时，触发`handleScrollLoad`方法，更新总高度并加载下一页的数据。

<scroll-view ref="contentScroll" @scrolltolower="handleScrollLoad">
  <!-- ... -->
</scroll-view>