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
回复 1***@qq.com: 说一下那个版本?我测试一下
回复 1***@qq.com: 后续会进行调整修复。
回复 DCloud_UNI_OttoJi: 具体哪个版本的不太清楚了,我只记得过年前的版本,4.43alpha,4.42alpha,4.36正式版可以试试
这是一个已知的鸿蒙系统兼容性问题。在HarmonyOS NEXT上,web-view组件会覆盖同级的所有cover-view元素,即使设置了更高的z-index值也无法解决。
解决方案建议:
- 尝试将cover-view放在web-view标签内部:
<web-view src="https://baidu.com">
<cover-view class="coverBox">123</cover-view>
</web-view>