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

分类：鸿蒙Next

bug已确认

产品分类： uniapp/App

PC开发环境操作系统： Windows

PC开发环境操作系统版本号： win10

HBuilderX类型：正式

HBuilderX版本号： 4.57

手机系统： HarmonyOS NEXT

手机系统版本号： HarmonyOS NEXT Developer Beta2

手机厂商：华为

手机机型： mate 60

页面类型： vue

vue版本： vue3

打包方式：云端

项目创建方式： HBuilderX

示例代码：

<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盖住了

2025-04-03 17:28 负责人:无分享

1 个回复

DCloud_UNI_OttoJi - 日常回复 uni-app/x 问题，如果艾特我没看到，请主动私信

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

1***@qq.com (作者)

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

2025-04-07 09:21
DCloud_UNI_OttoJi

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

2025-04-07 11:10
DCloud_UNI_OttoJi

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

2025-04-07 11:11
1***@qq.com (作者)

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

2025-04-07 11:18

要回复问题请先登录或注册

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

示例代码：

<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描述：

1 个回复

公告

相关问题

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

示例代码： <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描述：

与内容相关的链接

1 个回复

公告

相关问题

示例代码：

<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盖住了