<template>
    <el-carousel
        indicator-position="none"
        :interval="propValue.interval"
        :type="propValue.type"
        class="v-carousel"
    >
        <el-carousel-item v-for="item in propValue.urls" :key="item">
            <el-image
                style="width: 100%; height: 100%;"
                :src="item"
                :fit="propValue.fit"
            />
        </el-carousel-item>
    </el-carousel>
</template>

<script>
import OnEvent from '../common/OnEvent'

export default {
    extends: OnEvent,
    props: {
        propValue: {
            type: Object,
            default: () => {},
        },
        element: {
            type: Object,
            default: () => {},
        },
    },
    mounted() {
        // console.log(this.element)
    },
}
</script>

<style lang="scss" scoped>
.v-carousel {
    width: 100%;
    height: 100%;
}
::v-deep .el-carousel__container {
    height: 100%;
}
</style>
