vue3 横向滚动插件

你可以尝试使用 Vue.js 中的 vue-slick-carousel 插件来实现横向滚动的效果。这个插件是基于 Slick 轮播框架开发的，支持自定义样式、自动播放等功能。

安装方法：

npm install vue-slick-carousel

使用示例：

<template>
  <vue-slick-carousel :settings="carouselSettings">
    <div v-for="item in items" :key="item.id">{{ item.title }}</div>
  </vue-slick-carousel>
</template>

<script>
import VueSlickCarousel from 'vue-slick-carousel'

export default {
  components: { VueSlickCarousel },
  data() {
    return {
      items: [
        { id: 1, title: 'Item 1' },
        { id: 2, title: 'Item 2' },
        { id: 3, title: 'Item 3' },
        { id: 4, title: 'Item 4' },
        { id: 5, title: 'Item 5' }
      ],
      carouselSettings: {
        slidesToShow: 3,
        slidesToScroll: 1,
        infinite: true,
        dots: true,
        autoplay: true,
        autoplaySpeed: 2000,
        pauseOnHover: false
      }
    }
  }
}
</script>

其中，`vue-slick-carousel` 组件接受一个 `settings` 属性，用于配置轮播的参数。具体参数可以参考 [Slick 官方文档](https://kenwheeler.github.io/slick/)。