easy2swiper v0.0.1

自定义轮播插件

使用例子

<template>
  <div style="height: 100vh; background: #000;">
    <my-carousel :total-page="imgs.length"
                :is-auto-player="true"
                :is-show-tip-dot="true"
                :is-show-next-prev="true">
      <my-carousel-item v-for="(item, index) of imgs" :key="index">
        <div>
          <img :src="item" alt="" width="100%" height="100%">
        </div>
      </my-carousel-item>
    </my-carousel>
  </div>
</template>

<script>
  export default {
    name: "test",
    data () {
      return {
        imgs: [
          '//game.gtimg.cn/images/lolm/m/f_1.jpg',
          '//game.gtimg.cn/images/lolm/m/f_2.jpg',
          '//game.gtimg.cn/images/lolm/m/f_3.jpg',
          '//game.gtimg.cn/images/lolm/m/f_4.jpg',
          '//game.gtimg.cn/images/lolm/m/f_5.jpg',
          '//game.gtimg.cn/images/lolm/m/f_6.jpg',
          '//game.gtimg.cn/images/lolm/m/f_1.jpg',
          '//game.gtimg.cn/images/lolm/m/f_2.jpg',
          '//game.gtimg.cn/images/lolm/m/f_2.jpg',
          '//game.gtimg.cn/images/lolm/m/f_2.jpg',
          '//game.gtimg.cn/images/lolm/m/f_2.jpg',
        ],
      }
    },
  }
</script>

<style lang="stylus" scoped>
</style>

属性含义