vue3-seamless-scroll 想实现多行横向滚动

Vue3-seamless-scroll是一个用于 Vue.js 应用程序的轻量级无缝滚动组件，它可以帮助你实现网页内容的平滑、无缝滚动效果，特别是适用于需要水平方向多行滚动的场景，比如轮播图、列表等。它的核心特性之一就是支持多行横向滚动，并且可以轻松处理滚动条的隐藏和显示。

要使用这个组件实现多行横向滚动，首先你需要安装它：

npm install vue3-seamless-scroll

然后，在你的 Vue 组件模板中引入并使用它：

<template>
  <seamless-scroll :content="items" :direction="'horizontal'" :auto-scrollbar="false">
    <!-- 每个 item 将会渲染在这里 -->
    <div v-for="(item, index) in items" :key="index">
      {{ item }}
    </div>
  </seamless-scroll>
</template>

<script setup>
import { seamlessScroll } from 'vue3-seamless-scroll';

const items = [
  // 你的多行数据
];
</script>

配置选项包括`direction`设置为`'horizontal'`以启用横向滚动，`auto-scrollbar`设置为`false`以便手动控制滚动条的显示。记得根据你的实际数据结构替换`items`部分。