swiper全屏滚动多层嵌套互不影响及swiper animate动画使用

1.swiper多层嵌套

为使全屏滚动与嵌套的banner不互相影响，需要给swiper-container分别取一个别名，然后再使用别名进行初始化，若都要使用swiper-pagination，也要分别起上对应的别名。

2.swiper animate使用

1.除了加载swiper.js与swiper.css外，还需要加载swiper.animate.min.js与swiper.animate.min.css

下载地址：https://www.swiper.com.cn/download/index.html#file8

我是下载的这个zip压缩包，单独下载文件下载不下来。

下载加载完成后，具体设置如下图所示，在标签里面加上这些属性，动画就自动出来了 ，详细解释可以看官网的使用方法，网址是：https://www.swiper.com.cn/usage/animate/index.html