< div style= "height:2.944rem;" >

        <div class="banner-box" v-if="swiperLists[0]">
          <swiper :options="swiperOption" :not-next-tick="notNextTick" >
            <swiper-slide class="swiper-bg swiper-box01" v-for="(i,index) in swiperLists" :key="index">
              <a :href="i.url">
                <div :style=""background: url(" + i.picUrl + ") no-repeat center center / cover;""
                     style="height: 2.944rem;" class="headPic"></div>
              </a>
            </swiper-slide>
            <div class="swiper-pagination" slot="pagination"></div>
          </swiper>
        </div>
      </div>
      
       swiperOption: { //
        slidesPerView:1,
      pagination: {
        el: ".swiper-pagination",
        type: "bullets"
      },
      observer:true,//swiperswiper 
                observeParents:true,//swiperswiper 
      paginationType: "fraction",
      autoplay: {
        delay: 1000,
        disableOnInteraction: false,
      },
       loop: true,
       spaceBetween:30,
    },
      
      -sharp-sharp-sharp 

the environmental background of the problems and what methods you have tried

if you remove this, the whole page collapses

related codes

/ / Please paste the code text below (do not replace the code with pictures)

what result do you expect? What is the error message actually seen?

has that great god ever met