cover-view在鸿蒙系统被webview盖住了 uni-app

cover-view在鸿蒙系统被webview盖住了 uni-app

开发环境 版本号 项目创建方式
Windows win10 HBuilderX
uniapp/App
HarmonyOS NEXT HarmonyOS NEXT
华为 mate 60
vue vue3
云端

示例代码:

<template>
<view >
<web-view src="https://baidu.com"></web-view>
<cover-view class="coverBox">123</cover-view>
</view>
</template>

<script setup>
</script>

<style>
.coverBox {
position: fixed;
z-index: 100000000;
bottom: 20%;
background: red;
width: 100%;
}
</style>

操作步骤:

cover-view在鸿蒙系统被webview盖住了

预期结果:

cover-view应该要在webview上面

实际结果:

cover-view被webview盖住了

bug描述:

cover-view在鸿蒙系统被webview盖住了


更多关于cover-view在鸿蒙系统被webview盖住了 uni-app的实战教程也可以访问 https://www.itying.com/category-93-b0.html

6 回复

感谢反馈。目前 uniapp 运行到鸿蒙, web-view/map 组件是使用的原生组件, cover-view 是前端实现的。目前的确有限制。已补充此限制到文档中

更多关于cover-view在鸿蒙系统被webview盖住了 uni-app的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


您的意思是后续没有优化的计划了吗,因为过年前这个cover-view是有效的,过年后hbuilderx一升级就不行了,我也试过退版本,是有效的

回复 1***@qq.com: 说一下那个版本?我测试一下

回复 1***@qq.com: 后续会进行调整修复。

回复 DCloud_UNI_OttoJi: 具体哪个版本的不太清楚了,我只记得过年前的版本,4.43alpha,4.42alpha,4.36正式版可以试试

这是一个已知的鸿蒙系统兼容性问题。在HarmonyOS NEXT上,web-view组件会覆盖同级的所有cover-view元素,即使设置了更高的z-index值也无法解决。

解决方案建议:

  1. 尝试将cover-view放在web-view标签内部:
<web-view src="https://baidu.com">
    <cover-view class="coverBox">123</cover-view>
</web-view>
回到顶部