vue-awesome-swiper 3D coverflow effect 使用时每个slider发生错位

Question

项目中使用3D Coverflow Effect 这个组件，但是在同一个页面中，会被其他组件(switch,popup)（操作时带有动画或过渡效果,如遮罩层的显示隐藏、switch的开关切换）影响，导致每个slider发生错位，无法正常滚动，

`

<swiper :options="swiperOption">
   <swiper-slide>
   </swiper-slide>
 </swiper>
 ···
 <yd-switch
                v-model="swtich1">
            </yd-switch>
 ···
 ···
    swiperOption: {
            effect: "coverflow",
            grabCursor: true,
            centeredSlides: true,
            slidesPerView: "auto",
            coverflowEffect: {
                rotate: 0,
                stretch: -80, // slide左右距离
                depth: 400, // slide前后距离
                modifier: 0.5, //
                slideShadows: false // 滑块遮罩层
            },
            pagination: {
                el: ".swiper-pagination",
                type: "bullets"
            }
        }
 ···

`

Answer 1

请问下单个元素的宽度应该怎么设置呢
我每次设置都会占屏幕100%的宽度值