<template>
  <el-carousel
    height="400px"
    align="center"
    indicator-position="outside"
    :interval="interval"
  >
    <el-carousel-item
      style="text-align: center"
      v-for="(item, index) in photoList"
      :key="index"
    >
      <img :src="item" style=" width: 100%; height: auto;" />
    </el-carousel-item>
  </el-carousel>
</template>

<script>
export default {
  name: 'CarouselImage',
  props: {
    photoList: { type: Array },
    interval: {
      type: Number,
      default: 5000,
    },
  },
  data() {
    return {}
  },
}
</script>
