分类：swiper.js

新版本设置autoplay怎么都不失效，看了官网的Demos才发现须要在SwiperCore上应用Autoplay组件，包含鼠标滚动这些都须要use对应的组件

Swiper is the free and most modern mobile touch slider with hardware accelerated transitions and amazing native behavior. It is intended to be used in mobile websites, mobile web apps, and mobile native/hybrid apps.

上图示意Swiper供咱们调用的API(module), 值得注意的是标记 ① 处文字: 这示意Swiper6不再同之前一样 在attribute中绑定options, 而是应用module的形式来应用

最近在应用swiper实现轮播成果：swiper版本不同，应用有所不同。swiper6配置如下：main.js:app.vue:optionsAc: { direction: 'vertical', effect: 'coverflow', slideShadows: false, coverflow: { stretch: -40, depth: 200, modifier: 2, rotate: 0 }, slidesPerView: 1, //一行显示3个 spaceBetween: 0, //距离30 gra...

最近在做一个需要是：高低联动，点击下面，上面翻滚到对应图片，翻滚图片，下面对应图片选中。应用过程中发现两个bug:然而在配置属性的时候,发现两个bug。bug1:(滚动监听：slideChangeTransitionEnd，loop:true)，界面进来会显示如下：高低联动都会错位显示：bug2：去掉loop属性，疾速翻滚上面图片时，有时触发不了slide...

发现无奈应用coverflow的3D成果，看了swiper版本是6以上的，vue-awesome-swiper的版本是4以上的。swiper中文文档4-6版本的是有effect的，不晓得为什么用不了。看了vue-awesome-swiper上的issue，把swiper降到4就能用了。