swiper最外层设置了 overflow hidden ，但是子元素有动画或者弹窗需要超出，

swiper 外层   .swiper-container、swiper-wrapper、swiper-slide 都存在 position:relative 样式， 直接 子元素absolute  无效

干脆去掉 overflow:hidden，但这样 swiper 其他本该隐藏切换显示的 swiper-slide 也显示出来了，页面混乱   无效

方案：

放大 swiper-container 的宽度和（或）高度，然后在 swiper-slide 层进行收紧，这样就能将本来会溢出隐藏的目标元素展示出来。

相当于小盒子放不下，就拿个大盒子放，画布太小画不下，就换一个大画布来画。

如下图  红包 超出swiper容器，  父元素  Swiper设置2个  tailwind的类，高度和位置  -top-5   h-20  

子元素再还原   高度可以不改， top-5

    <SwiperslidesPerView={1}spaceBetween={0}loop={fixedActivitySwiperList?.length > 1}autoHeight={true}direction='vertical'autoplay={{delay: 3000,reverseDirection: true,disableOnInteraction: false,}}modules={[Autoplay, Pagination, Navigation]}  className="-top-5"style={{height: pxToRem(110),}}>{fixedActivitySwiperList &&fixedActivitySwiperList.map((item: any, index: any) => {return (<SwiperSlide key={index + item.title}  className="top-5"><SlideDom key={index} item={item} index={index} slideClick={slideClick} /></SwiperSlide>)})}</Swiper>