- 发布：2023-01-16 10:30
- 更新：2023-01-16 10:30
- 阅读：111
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： windows 10
HBuilderX类型： 正式
HBuilderX版本号： 3.6.17
手机系统： 全部
手机系统版本号： iOS 16
手机厂商： 苹果
页面类型： vue
vue版本： vue2
打包方式： 云端
项目创建方式： HBuilderX
测试过的手机：
示例代码：
<view v-if="tempVideo.isOpenTempVideo" class="mask">
<view class="block" style="z-index: 1">
<video autoplay :src="tempVideo.url"></video>
</view>
<image
@click="closeTempVideo"
class="_root"
src="/static/images/preview/4ad2b0fbe8d65e7e.png"
mode="widthFix"
></image>
</view>
.mask {
height: 100vh;
background-color: #000;
position: fixed;
top: 0%;
right: 0;
bottom: 0;
left: 0;
z-index: 99999;
.block {
padding: 0 30rpx;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
video {
width: 100%;
height: 78vh;
}
}
._root {
width: 60rpx;
height: 60rpx;
position: absolute;
left: 40rpx;
top: 5vh;
z-index: 99999;
display: block;
}
}
<view v-if="tempVideo.isOpenTempVideo" class="mask">
<view class="block" style="z-index: 1">
<video autoplay :src="tempVideo.url"></video>
</view>
<image
@click="closeTempVideo"
class="_root"
src="/static/images/preview/4ad2b0fbe8d65e7e.png"
mode="widthFix"
></image>
</view>
.mask {
height: 100vh;
background-color: #000;
position: fixed;
top: 0%;
right: 0;
bottom: 0;
left: 0;
z-index: 99999;
.block {
padding: 0 30rpx;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
video {
width: 100%;
height: 78vh;
}
}
._root {
width: 60rpx;
height: 60rpx;
position: absolute;
left: 40rpx;
top: 5vh;
z-index: 99999;
display: block;
}
}操作步骤：
打包成ios包后，无法点击遮罩层中关闭按钮
打包成ios包后，无法点击遮罩层中关闭按钮
预期结果：
点击关闭按钮关闭遮罩层
点击关闭按钮关闭遮罩层
实际结果：
打包成ios包后，无法点击遮罩层中关闭按钮
打包成ios包后，无法点击遮罩层中关闭按钮
bug描述：
ios手机打开遮罩层无法点击关闭按钮，无法触发image中点击事件
0 个回复