uniapp横向滑动

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

<template>
  <view class="swiper-container">
    <swiper :indicator-dots="false" :autoplay="false" :current="{{ current }}" @change="swiperChange">
      <swiper-item v-for="(item, index) in items" :key="index">
        <view class="swiper-item">
          <!-- 这里放置每个滑块的内容 -->
          <text>{{ item }}</text>
        </view>
      </swiper-item>
    </swiper>
  </view>
</template>

<script>
export default {
  data() {
    return {
      current: 0,
      items: ['滑块1', '滑块2', '滑块3'] // 替换为你自己的内容
    };
  },
  methods: {
    swiperChange(e) {
      this.current = e.detail.current;
    }
  }
}
</script>

<style>
.swiper-container {
  width: 100%;
  height: 200px; /* 根据需要调整高度 */
}

.swiper-item {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
</style>

在上面的例子中，使用了 `swiper` 组件实现横向滑动。你可以根据需要修改滑块的内容和样式。同时，通过 `swiper-item` 组件内部的循环，可以实现动态渲染多个滑块。