element ui走马灯样式

Element UI的走马灯样式可以通过使用`<el-carousel>`组件来实现。你可以在`<el-carousel>`内部放置多个`<el-carousel-item>`，每个`<el-carousel-item>`代表一个轮播项。以下是一个示例代码：

<template>
  <el-carousel :interval="4000" arrow="always">
    <el-carousel-item v-for="item in items" :key="item.id">
      <img :src="item.imageUrl" class="carousel-image" alt="carousel image" />
    </el-carousel-item>
  </el-carousel>
</template>

<style>
.carousel-image {
  width: 100%;
  height: 300px;
}
</style>

<script>
export default {
  data() {
    return {
      items: [
        {
          id: 1,
          imageUrl: 'https://example.com/image1.jpg',
        },
        {
          id: 2,
          imageUrl: 'https://example.com/image2.jpg',
        },
        // 添加更多轮播项...
      ],
    };
  },
};
</script>

在上面的示例代码中，`<el-carousel>`组件用于包裹轮播项，`interval`属性定义了轮播的间隔时间（单位为毫秒），`arrow`属性设置了箭头的显示方式（这里设置为始终显示）。`<el-carousel-item>`用于表示每个轮播项，其中的图片通过`<img>`标签来展示。

你可以根据实际需求修改样式和内容，例如调整图片的宽度、高度，添加标题等。