<template>
    <div style="width: 100%;height: 100%;">
      <component v-bind:is="swiperType" :width="width" :height="height" :type="swiperType" :morePic="morePic"></component>
    </div>
</template>

<script>
  import FourBoxesSlideshow from './FourBoxesSlideshow/FourBoxesSlideshow'
  import mtswiper from './mtswiper/mtswiper'
  import transitionOpacity from './jaySwiper/jaySwiper'
  import transitionLeft from './jaySwiper/jaySwiper'
  import transitionTop from './jaySwiper/jaySwiper'
  import transitionDezoom from './jaySwiper/jaySwiper'
  import fragment from './fragment/fragment'
    export default {
        name: "swiper",
        props:{
          'swiperType':{default:'mtswiper'},
          'morePic':{},
          'autoPlay':{default:4000},
          'height':{},
          'width':{}
          },
      components:{
        FourBoxesSlideshow,
        mtswiper,
        transitionOpacity,
        transitionLeft,
        transitionTop,
        transitionDezoom,
        fragment,
      },
    }
</script>

<style scoped>

</style>
