element-ui 轮播组件

Element UI 是一套基于 Vue.js 的开源 UI 组件库，它提供了丰富的预设组件，包括一个强大的轮播组件（Carousel）。Element UI 轮播组件（el-carousel）允许你在页面上展示一系列相关的图片或者内容，支持左右滑动切换、自动播放、鼠标滚轮控制等常见的交互方式。它还具有易于定制的特点，可以调整每张幻灯片的大小、间距、指示器样式等配置。

使用 Element UI 轮播组件的基本步骤如下：

1. 引入组件：在你的 Vue 文件中导入 `ElCarousel` 和 `ElCarouselItem` 组件。

<template>
  <el-carousel :autoplay="true">
    <el-carousel-item v-for="item in items" :key="item.id">
      <img :src="item.src" alt="...">
    </el-carousel-item>
  </el-carousel>
</template>

2. 定义数据：在 data 中定义你要显示的内容数组（items）。

data() {
  return {
    items: [
      { src: 'image1.jpg', id: 1 },
      { src: 'image2.jpg', id: 2 },
      // ...
    ]
  }
}