Advertisement

Vue封装 轮播图组件 (支持导入链接及图片)

阅读量：

1.首先观察效果展示图：

在这里插入图片描述

2. 目录：

在这里插入图片描述

3.Swiper.vue源码解析：

复制代码 
    <template>
      <div id="mySwiper">
    <div
      class="swiper"
      @touchstart="touchStart"
      @touchmove="touchMove"
      @touchend="touchEnd"
    >
      <slot></slot>
    </div>
    
    <div class="indicator">
      <div
        class="indicatorItem"
        v-for="(item, index) in slideCount"
        :key="inde

全部评论 (0)

还没有任何评论哟~

相关文章推荐