element ui 横向无限滚动

在 Element UI 中实现横向无限滚动，您可以使用 Element UI 的 Carousel（走马灯）组件来实现。Carousel 组件默认是纵向滚动的，但是您可以通过一些自定义样式来实现横向滚动。以下是一个示例：

<template>
  <el-carousel type="card" :autoplay="false" :arrow="false" :interval="0">
    <el-carousel-item v-for="(item, index) in items" :key="index">
      <!-- 您的内容 -->
    </el-carousel-item>
  </el-carousel>
</template>

<script>
export default {
  data() {
    return {
      items: [/* 您的数据 */]
    };
  }
};
</script>

然后，您可以通过修改 Carousel 组件的样式来实现横向滚动。您可以在该组件的父元素上添加一些自定义样式，例如设置宽度、溢出隐藏和强制在一行显示。以下是一个示例：

<template>
  <div class="custom-carousel">
    <el-carousel type="card" :autoplay="false" :arrow="false" :interval="0">
      <el-carousel-item v-for="(item, index) in items" :key="index">
        <!-- 您的内容 -->
      </el-carousel-item>
    </el-carousel>
  </div>
</template>

<style>
.custom-carousel {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
}
</style>

这样就可以实现横向无限滚动效果了。