swiper——单页面多轮播插件冲突解决方案

<!-- 轮播图 -->
                        <div class="swiper-container swiperone">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide"></div>
                                <div class="swiper-slide swiper-two">
                                    <img src="./image/zd-project01/矩形 584 拷贝.png" alt="">
                                    <h1>精准预约</h1>
                                    <p>基于大数据精确测算不同专科、不同专家
                                        接诊时间，实现科室号源预约时段精确到
                                        30分钟以内，并基于智能分诊知识库，为
                                        患者提供智能在线分诊推荐。</p>
                                </div>
                                <div class="swiper-slide"></div>
                            </div>
                            <!-- Add Pagination -->
                        </div>
                        <div class="next swiper-pagination"></div>

<div class="swiper-container swipertwo">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide"></div>
                                <div class="swiper-slide swiper-two">
                                    <img src="./image/zd-project01/矩形 584 拷贝.png" alt="">
                                    <h1>精准预约</h1>
                                    <p>基于大数据精确测算不同专科、不同专家
                                        接诊时间，实现科室号源预约时段精确到
                                        30分钟以内，并基于智能分诊知识库，为
                                        患者提供智能在线分诊推荐。</p>
                                </div>
                                <div class="swiper-slide"></div>
                            </div>
                            <!-- Add Pagination -->
                        </div>
                        <div class="next2 swiper-pagination"></div>

/* !轮播二 */
.swipertwo {
    width: 100%;
    height: 5.5rem;
    margin: .46rem auto;
    overflow: hidden;
}
.swipertwo .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    transform: scale(0.8) !important;
    transition: all .5s;
}
.swipertwo .swiper-slide:nth-child(1) {
    background-image: url(../image/zd-project01/3.png);
    background-size: 100% 100%;
}
.swipertwo .swiper-slide-active,
.swipertwo .swiper-slide-duplicate-active {
    transform: scale(1) !important;
}
.swipertwo .swiper-slide:nth-child(2n) {
    width: 5.5rem;
}
.swipertwo .swiper-slide:nth-child(3) {
    width: 5.5rem;
    background: url(../image/zd-project01/2.png);
    background-size: 100% 100%;
}
.next2{
    top: -.3rem !important;
    position: relative !important;
}
.next2 .swiper-pagination-bullet {
    width: .3rem !important;
    height: .08rem !important;
    border-radius: .04rem !important;
    margin-left: .08rem !important;
    background: #0D80DD;
}
.next2 .swiper-pagination-bullet-active {
    width: .3rem;
    height: .08rem;
    border-radius: .04rem;
    background: #0D80DD;
}

var swiper = new Swiper('.swiperone', {
            pagination: '.next',
            slidesPerView: 2,
            observer: true,
            observeParents: true,
            initialSlide: 1,//默认第二个
            centeredSlides: true,
            paginationClickable: true,
            spaceBetween: 5, observer: true,//修改swiper自己或子元素时，自动初始化swiper
            observeParents: true,//修改swiper的父元素时，自动初始化swiper
            // noSwiping: true, //设置为true时禁止切换
            slideToClickedSlide: true,
        });
        var swiper2 = new Swiper('.swipertwo', {
            pagination: '.next2',
            slidesPerView: 2,
            observer: true,
            observeParents: true,
            initialSlide: 2,//默认第二个
            centeredSlides: true,
            paginationClickable: true,
            spaceBetween: 5, observer: true,//修改swiper自己或子元素时，自动初始化swiper
            observeParents: true,//修改swiper的父元素时，自动初始化swiper
            // noSwiping: true, //设置为true时禁止切换
            slideToClickedSlide: true,
        });

observer: true,//修改swiper自己或子元素时，自动初始化swiper
observeParents: true,//修改swiper的父元素时，自动初始化swiper