uniapp实现左右横向滑动

在Uniapp中，可以使用 `swiper` 组件实现左右横向滑动。以下是一个简单的示例代码：

<swiper autoplay interval="3000" duration="500">
  <swiper-item>
    <view class="slide1">1</view>
  </swiper-item>
  <swiper-item>
    <view class="slide2">2</view>
  </swiper-item>
  <swiper-item>
    <view class="slide3">3</view>
  </swiper-item>
</swiper>

在上面的示例中，我们使用 `swiper` 组件包裹三个 `swiper-item` 组件，每个 `swiper-item` 组件包裹一个 `view` 组件。`autoplay` 属性用于控制自动播放，`interval` 属性用于设置自动播放的时间间隔，`duration` 属性用于设置切换动画的时长。

需要注意的是，在使用 `swiper` 组件时，需要在 `style` 标签中添加以下样式：

.swiper-item {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.slide1, .slide2, .slide3 {
  height: 80%;
  width: 90%;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

在上面的样式中，我们设置了 `swiper-item` 组件的高度为 100%，并使用 `flex` 布局使其内部的 `view` 组件居中显示。同时，我们还为每个 `view` 组件设置了一个背景色、圆角和阴影效果。

通过以上代码，我们就可以实现一个简单的左右横向滑动的效果。