swiper-item自动轮播

要实现 swiper-item 的自动轮播，你可以使用 Swiper 组件的 autoplay 属性。在 Swiper 组件中，设置 autoplay 属性为 true，即可启用自动轮播功能。默认情况下，Swiper 组件的自动轮播间隔时间为 3000 毫秒（即 3 秒），你也可以通过设置 delay 属性来调整轮播间隔时间。

下面是一个示例代码，演示了如何使用 Swiper 组件实现 swiper-item 的自动轮播：

<template>
  <div>
    <swiper :autoplay="true" :delay="4000">
      <swiper-slide v-for="(item, index) in items" :key="index">
        <!-- swiper-item 的内容 -->
        <div class="swiper-item">
          {{ item }}
        </div>
      </swiper-slide>
    </swiper>
  </div>
</template>

<script>
import { Swiper, SwiperSlide } from 'swiper/vue';
import 'swiper/swiper-bundle.css';

export default {
  components: {
    Swiper,
    SwiperSlide,
  },
  data() {
    return {
      items: ['item 1', 'item 2', 'item 3'], // swiper-item 的数据
    };
  },
};
</script>

<style>
.swiper-item {
  /* swiper-item 样式 */
}
</style>

上面的示例代码使用了 Vue.js 和 Swiper Vue 组件。你需要安装 `swiper` 和 `swiper/vue` 包，并按需引入 Swiper 和 SwiperSlide 组件。另外，还需要在样式中引入 `swiper/swiper-bundle.css`。

在示例代码中，Swiper 组件包含了多个 SwiperSlide 组件，每个 SwiperSlide 组件对应一个 swiper-item。你可以通过在 `items` 数据中添加或删除元素来调整 swiper-item 的数量和内容。

值得注意的是，Swiper 组件还有许多其他的配置选项，你可以根据自己的需求进行调整，比如设置切换效果、分页器等。详细的配置选项可以参考 Swiper 官方文档。