<style src="./css/image-carousel.css"></style>
<template>
    <div class="image-carousel">
        <swipe :continuous="false" :auto="0" :show-indicators="goods && goods.length > 1">
            <swipe-item v-for="item in goods">
                <a href="#" title="{{item.title}}">
                    <img :src="item.colorImage | resize 750 1000" width="375" height="500" alt="">
                </a>
            </swipe-item>
        </swipe>
    </div>
</template>
<script>
    const swipe = require('yoho-vue-swipe');

    require('common/vue-filter');

    module.exports = {
        props: {
            goods: [Object]
        },
        data() {
            return {};
        },
        components: {
            swipe: swipe.Swipe,
            swipeItem: swipe.SwipeItem,
        }
    };
</script>