<template>
    <div>
        <Swiper v-if="banner.length> 0">
            <Slide v-for="(item,index) in banner" :key="index">
                <a :href="item.bind">
                    <img :src="item.main_image" alt=""class="slider-img">
                </a>
            </Slide>
        </Swiper>
    </div>
</template>
<script>

    export default {data: function () {
            return {
                banner: [
                    {
                        main_image: 'https://images.unsplash.com/photo-1551334787-21 e6 bd3 ab135?w=640',
                        bind:'/',
                    },
                    {
                        main_image: 'https://images.unsplash.com/photo-1551446591-142875 a901 a1?w=640',
                        bind:'/',
                    },

                ]
            }
        }
    }

</script>