uni-app uni-popup 在安卓上点击遮罩层,对话框不能消失,ios却可以

uni-app uni-popup 在安卓上点击遮罩层,对话框不能消失,ios却可以

开发环境 版本号 项目创建方式
Windows win11 HBuilderX

示例代码:

<uni-popup ref="showMoreView" type="right" maskBackgroundColor="rgba(0,0,0,0.2)"  :isMaskClick="true">
<view class="showMoreView_container">
<view class="down_menu_3">
<view @click="queryType" class="down_menu_3_view">
<image :src="imgPath+'menu_1.png'" class="down_menu_3_img" />按房间查看
</view>
<view @click="queryDate" class="down_menu_3_view">
<image :src="imgPath+'menu_2.png'" class="down_menu_3_img" />日期搜索
</view>
<view @click="photoSearch" class="down_menu_3_view">
<image :src="imgPath+'menu_3.png'" class="down_menu_3_img" />拍照搜索
</view>
</view>
</view>
</uni-popup>

操作步骤:

必现

预期结果:

同ios的表现一致,点击遮罩层弹窗自动消失

实际结果:

现在不能自动消失

bug描述:

安卓手机上使用uni-popup实现对话框,点击遮罩层没有反应,但是运行在ios上时有反应,对话框自动消失。 uni-popup的第337行,在安卓上执行时不能执行到this.$emit(‘maskClick’),把this.$emit(‘maskClick’)提到第一行后,问题解决。 onTap() { if (this.clearPropagation) { // fix by mehaotian 兼容 nvue this.clearPropagation = false return } this.$emit(‘maskClick’) if (!this.mkclick) return this.close() },


更多关于uni-app uni-popup 在安卓上点击遮罩层,对话框不能消失,ios却可以的实战教程也可以访问 https://www.itying.com/category-93-b0.html

回到顶部