uniapp 怎么实现楼层滚动 一个楼层多个房间 房间进行分页

在uniapp中实现楼层滚动和房间分页可以通过使用 `scroll-view` 和 `swiper` 组件来实现。

首先，使用 `scroll-view` 组件来实现楼层滚动。可以设置 `scroll-y="true"` 来启用垂直滚动，并设置 `scroll-with-animation="true"` 来启用滚动动画。例如：

<scroll-view class="scrollview" scroll-y="true" scroll-with-animation="true">
  <!-- 楼层内容 -->
</scroll-view>

接着，使用 `swiper` 组件来实现房间分页。可以设置 `indicator-dots="true"` 来显示分页指示器，并设置 `autoplay="false"` 来禁用自动播放。同时，可以通过 `swiper-item` 来实现每个房间的内容。例如：

<swiper class="swiper" indicator-dots="true" autoplay="false">
  <swiper-item>
    <!-- 房间1内容 -->
  </swiper-item>
  <swiper-item>
    <!-- 房间2内容 -->
  </swiper-item>
  <swiper-item>
    <!-- 房间3内容 -->
  </swiper-item>
  <!-- ... -->
</swiper>

最后，你可以根据需要将 `scroll-view` 和 `swiper` 嵌套在一起，以实现楼层滚动和房间分页的效果。例如：

<scroll-view class="scrollview" scroll-y="true" scroll-with-animation="true">
  <swiper class="swiper" indicator-dots="true" autoplay="false">
    <swiper-item>
      <!-- 房间1内容 -->
    </swiper-item>
    <swiper-item>
      <!-- 房间2内容 -->
    </swiper-item>
    <swiper-item>
      <!-- 房间3内容 -->
    </swiper-item>
    <!-- ... -->
  </swiper>
</scroll-view>

需要注意的是，由于 `scroll-view` 和 `swiper` 都有自己的滚动机制，因此需要进行一些样式上的调整以避免滚动冲突。例如，可以设置 `scroll-view` 的 `height` 属性和 `swiper` 的 `height` 属性为屏幕高度的百分比，以确保整个页面的高度不会超过屏幕高度。同时，也可以考虑使用 `overflow:hidden` 属性来隐藏 `swiper` 组件的滚动条，以避免滚动条的重叠。