海角
海角
  • 发布:2024-09-20 10:05
  • 更新:2024-09-25 17:01
  • 阅读:97

【报Bug】vue3.0+nvue 在iOS上pointer-events: none; 无效 !!!

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Mac

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

HBuilderX类型: Alpha

HBuilderX版本号: 4.27

手机系统: iOS

手机系统版本号: iOS 15

手机厂商: 苹果

手机机型: iphoneX ;15 plus

页面类型: nvue

vue版本: vue3

打包方式: 云端

项目创建方式: HBuilderX

示例代码:

<template>
<view class="content">
<!-- 点击 -->
<view class="blue-rect" @click="click"></view>
<!-- 蒙版 -->
<view class="ddd"></view>
</view>
</template>

<script>
export default {
data() {
return {
title: 'Hello'
}
},
onLoad() {

    },  
    methods: {  
        click() {  
            console.log('99--------')  
        },  
    }  
}  

</script>

<style>
.content{
flex: 1;
display: flex;
justify-content: center;
align-items: center;

    position: relative;  
}  

.blue-rect {  
    width: 100rpx;  
    height: 100rpx;  
    background-color: blue;  
}  

.ddd{  
    position: fixed;  
    left: 0;  
    top: 0;  
    right: 0;  
    bottom: 0;  
    background-color: rgba(220, 220, blue, 0.2);  
    pointer-events: none;  
}  

</style>

操作步骤:

iOS 必现

预期结果:

iOS 设置 pointer-events: none; 可以像安卓一样可以事件穿透

实际结果:

iOS 遮罩层事件不在穿透

bug描述:

vue3.0+nvue 在iOS上pointer-events: none; 无效 !!! 在安卓上是是可以的

2024-09-20 10:05 负责人:无 分享
已邀请:
海角

海角 (作者)

代码在下面

BoredApe

BoredApe - 有问题就会有答案。

  • 海角 (作者)

    安卓支持 ios不支持

    2024-09-26 13:50

要回复问题请先登录注册