平台兼容性

使用说明：

<curry-swiper
  :width="195"
  :space="112"
  :inverseScaling="400"
  :height="107"
  :perspective="14"
  :border="3"
  :count="10"
  ref="swiper"
>
  <curry-slide v-for="(slide, i) in sceneList" :index="i" :key="i">
    <template slot-scope="{ index, isCurrent, leftIndex, rightIndex }">
      <img
        :data-index="index"
        :class="{ current: isCurrent, onLeft: (leftIndex >= 0), onRight: (rightIndex >= 0) }"
        :src="slide.img" />
    </template>
  </curry-slide>
</curry-swiper>

data() {
  return {
    sceneList: [
        { img: 'https://2fz1.me/img/phaser.jpg' },
        { img: 'https://2fz1.me/img/css3.png' },
        { img: 'https://2fz1.me/img/nodemodules.jpg' },
        { img: 'https://2fz1.me/img/js.jpg' }
      ],
  }
}

预览

在线预览