2***@qq.com
2***@qq.com
  • 发布:2023-09-05 10:53
  • 更新:2023-09-05 10:53
  • 阅读:154

【报Bug】App端 swiper+video 做视频滑动效果 tabBar被视频覆盖不显示

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: windows 10

HBuilderX类型: 正式

HBuilderX版本号: 3.8.12

手机系统: Android

手机系统版本号: Android 13

手机厂商: vivo

手机机型: vivo neo6

页面类型: vue

vue版本: vue3

打包方式: 云端

项目创建方式: HBuilderX

示例代码:

html:
<view class="uni-margin-wrap" v-if="muenIndex===0">
<swiper class="swiper" :current="page" :duration="0" :vertical="true" :indicator-dots="false" @change="changeplay" @touchstart="touchStart" @touchend="touchEnd">
<swiper-item v-for="(item,index) in videoList" :key="item.id">
<cover-view class="video-box">
<video :src="item.path" class="video" :id="'video_' + index" controls>
</video>
</cover-view>
</swiper-item>
</swiper>
</view>

scss:

.uni-margin-wrap{
width: 750rpx;
height: calc(100vh - 100rpx);
.swiper{
width: 750rpx;
height: 100%;
.video-box{
width: 100%;
height: 100%;
}
.video{
width: 100%;
height: 100%;
z-index: 1;
}

            }  

}

操作步骤:

播放视频,tabbar不显示

预期结果:

正常播放,显示tabbar

实际结果:

tabbar不显示

bug描述:

swiper组件+video做视频滑动效果(类似抖音)tabbar底部导航栏被video视频覆盖不显示

2023-09-05 10:53 负责人:无 分享
已邀请:

要回复问题请先登录注册