<template>
  <div class="container">
    <div class="wrapper">
      <swiper :options="swiperOption">
        <swiper-slide >
          <img class="swiper-img" src='//img1.qunarzz.com/sight/p0/1807/7d/7d64de6b134d10eaa3.img.jpg_600x330_0297e8aa.jpg'  />
        </swiper-slide>
        <div class="swiper-pagination"  slot="pagination"></div> 
     </swiper>
    </div>
  </div>
</template>

<script>
export default {
   name: 'CommonGallary'
}
</script>

<style lang="stylus" scoped>
    .container
      display: flex
      flex-direction: column
      justify-content: center
      z-index: 99
      position: fixed
      left: 0
      right: 0
      top: 0
      bottom: 0
      background: #000
      .wrapper
        overflow: hidden
        height: 0
        width: 100%
        padding-bottom: 88%
        background: #fff
        .swiper-img
          width: 100%
</style>