关于swiper.js:vue项目使用swipervueawesomeswiper无法使用coverflow等坑

1. 无奈应用 coverflow, fade 等各种 effect

依照 vue-awesome-swiper 官网文档装置后：

npm install swiper vue-awesom-swiper --save

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

npm install swiper@4.1.5

一开始想不到更新的版本居然会不反对 3D 成果，或者是 vue-awesome-swiper 的兼容问题，找了半天，终于升高版本解决了这个问题。

2. 引入 css 门路加 dist/

同样依照官网文档引入 css, 然而终端却报错了：找不到 swiper/css/swiper.css

// import style (>= Swiper 6.x)
import 'swiper/swiper-bundle.css'

// import style (<= Swiper 5.x)
import 'swiper/css/swiper.css'

去 node_modules 外面看了一下，改成 import 'swiper/dist/css/swiper.css' 就不报错了。
不晓得构建的时候会不会有问题。

3. 应用 coverflow 成果时，想要实现挪动端一屏显示三个，又不心愿是等分的

如果是等分的很容易解决，只有设置 swiper 选项：slidesPerView: 3

然而我想实现如下设计稿：

这时如果同时在 css 外面设置 swipe-slide 的宽度，就会有很奇怪的成果，大家能够试一下。
最初我通过将slidesPerView:'auto'，这样设置后就能够设置 css 宽度，一屏也能够恰好展现三个了。