vue3 seam-scroll

根据提供的引用[1]，`vue3-seamless-scroll`是一个基于Vue3的无缝滚动组件。它可以在水平和垂直方向上滚动内容，并且可以自定义滚动速度、滚动方向、滚动间隔等属性。

以下是使用`vue3-seamless-scroll`实现无缝滚动的步骤：

1. 安装`vue3-seamless-scroll`组件

npm install vue3-seamless-scroll --save

2. 在Vue3项目中引入`vue3-seamless-scroll`组件

import { SeamlessScroll } from 'vue3-seamless-scroll'

3. 在Vue3项目中注册`vue3-seamless-scroll`组件

export default {
  components: {
    SeamlessScroll
  }
}

4. 在Vue3项目中使用`vue3-seamless-scroll`组件

<template>
  <seamless-scroll :list="list" :speed="speed" :interval="interval" :direction="direction"></seamless-scroll>
</template>

<script>
export default {
  data() {
    return {
      list: ['item1', 'item2', 'item3'],
      speed: 30,
      interval: 2000,
      direction: 'vertical'
    }
  }
}
</script>

在上述代码中，`list`属性表示要滚动的内容列表，`speed`属性表示滚动速度，`interval`属性表示滚动间隔，`direction`属性表示滚动方向。