<template>
    <div>
        <VueSlickCarousel :arrows="true" :dots="false">
            <van-image v-for="item in list" :key="item.id" :src="item.imgUrl" />
        </VueSlickCarousel>
    </div>
</template>

<script>
import VueSlickCarousel from 'vue-slick-carousel'
import 'vue-slick-carousel/dist/vue-slick-carousel.css'
import 'vue-slick-carousel/dist/vue-slick-carousel-theme.css'

export default {
    name: 'MyComponent',
    props: {
        list: {
            type: Array,
            default: () => []
        }
    },
    components: { VueSlickCarousel },
}
</script>