element+ui走马灯

以下是使用Element UI实现走马灯的示例代码：

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

<script>
export default {
  data() {
    return {
      list: [
        { id: 1, imgUrl: 'https://picsum.photos/800/300?random=1' },
        { id: 2, imgUrl: 'https://picsum.photos/800/300?random=2' },
        { id: 3, imgUrl: 'https://picsum.photos/800/300?random=3' },
        { id: 4, imgUrl: 'https://picsum.photos/800/300?random=4' },
        { id: 5, imgUrl: 'https://picsum.photos/800/300?random=5' }
      ]
    }
  }
}
</script>

在上述代码中，我们使用了Element UI的`el-carousel`和`el-carousel-item`组件来实现走马灯效果。其中，`interval`属性用于设置轮播间隔时间，`v-for`指令用于循环渲染轮播项，`:src`属性用于设置图片地址。