elementui走马灯

Element UI提供了一个carousel组件，可以实现走马灯的效果。使用步骤如下：

1. 安装Element UI库

npm install element-ui --save

2. 在项目中引入carousel组件

import { Carousel, CarouselItem } from 'element-ui'

3. 在模板中使用carousel组件，并设置图片列表

<el-carousel :interval="4000" arrow="never">
  <el-carousel-item v-for="item in list" :key="item.id">
    <img :src="item.image" alt="">
  </el-carousel-item>
</el-carousel>

其中，`:interval`属性设置轮播间隔时间（毫秒），`arrow`属性设置是否显示箭头（never/always/hover），`v-for`循环设置轮播项列表。

4. 在Vue组件中定义图片列表

export default {
  data() {
    return {
      list: [
        {
          id: 1,
          image: 'http://example.com/image1.jpg'
        },
        {
          id: 2,
          image: 'http://example.com/image2.jpg'
        },
        {
          id: 3,
          image: 'http://example.com/image3.jpg'
        }
      ]
    }
  }
}

这样就可以实现一个简单的走马灯效果。更多详细的配置选项可以参考Element UI官方文档。