当前位置:   article > 正文

vuejs实现升级无缝轮播图效果_vue扇形轮播图

vue扇形轮播图

主要使用better scroll插件:

总结如下:1._inSlider()中设置了click:true会与fastclick插件库冲突(fastclick阻止默认的浏览器点击事件)导致点击图片不跳转 取消即可

<template>
  <div class="slider" ref="slider">
    <div class="slider-group" ref="sliderGroup">
      <slot>
      </slot>
    </div>
    <div class="dots">
       <span class="dot" v-for="(item, index) in dots" :class="{active:currentPageIndex === index}"></span>
    </div>
  </div>
</template>

<script type="text/ecmascript-6">
import BScroll from 'better-scroll'//better scroll插件
import {AddClass} from 'co
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/Cpp五条/article/detail/250829
推荐阅读
相关标签
  

闽ICP备14008679号