uniapp开发小程序使用选项卡切换时内容丢失

基于uniapp开发小程序上下滑直播间功能时,再使用uView-UI的Tabs 标签,安卓没问题,但ios会出现内容丢失的情况

     

经过调试发现是因为封面图片设置了模糊效果导致的,把模糊效果的代码注释掉,就可以了

.play-bg-img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* background-color: rgba(255, 255, 255, 0.3);
  -webkit-backdrop-filter: blur(10rpx);
  -moz-backdrop-filter: blur(10rpx);
  -ms-backdrop-filter: blur(10rpx);
  -o-backdrop-filter: blur(10rpx);
  backdrop-filter: blur(10rpx);
  filter: blur(10rpx); */
}

这边也又可能是嵌套了两层swiper的原因,导致内容设置position: absolute;时无效

 

posted @ 2023-04-04 15:26  时光独醒  阅读(289)  评论(0编辑  收藏  举报