分页器不出现及同一页面中使用多个swiper（多个轮播图或者轮播图和选项卡的混合使用）

swiper遇到的坑

在一个页面中有一个选项卡和轮播图，都需要用swiper写，但是众所周知类名是一样的，就会导致样式和效果的冲突，并且swiper用到不同版本的话，导入不同的js文件只能有一个有效。
比如这次，我轮播图用的是3.4.2版本，选项卡用的是2.7.6版本，这就导致我引了两个js文件：swiper.js和idangerous.swiper.min.js。但是，刚开始出现的问题就是我的轮播图没有了分页器，找了一天才发现问题，我傻了。还是没有理解的或者出现同样问题的童鞋可以联系我，相互交流，想复用我的代码实现轮播图和选项卡的同样可以找我。看代码：

    <div class="news-left">
        <div class="swiper-container" id="new-swiper">
            <div class="swiper-wrapper">
                <div class="swiper-slide big-img"><img src="">
                    <div class="add-word">2020邂逅醉美杨凌系列评选结果发布启动仪式</div>
                </div>
                <div class="swiper-slide"><img src=""></div>
                <d