{
"path": "pages/shu/img",
"style": {
"popGesture": "none",
"navigationStyle": "custom",
"backgroundTextStyle": "dark",
"navigationBarBackgroundColor": "#ffffe0"
}
},
<template>
<view style="flex: 1;">
<web-view style="flex: 1;" :webview-styles="{progress: false}" :src="imgUrl"></web-view>
<view class="head-wrapper">
<view class="head-wrapper-lf" @click="closePage()">
<text class="item-close"></text>
</view>
<view class="head-wrapper-rt">
</view>
</view>
</view>
</template>
closePage() {
uni.navigateBack();
},
.head-wrapper {
flex-direction: row;
align-items: center;
justify-content: space-between;
position: fixed;
height: 176rpx;
top: 0;
left: 0;
right: 0;
}
.head-wrapper-lf {
height: 176rpx;
align-items: center;
justify-content: center;
}
1***@qq.com
- 发布：2021-12-27 17:14
- 更新：2021-12-27 17:50
- 阅读：393
【报Bug】nvue webview无法全屏展示，按钮的点击区域跟展示的区域不一致。
分类：uni-app
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： windows10
HBuilderX类型： 正式
HBuilderX版本号： 3.2.16
手机系统： iOS
手机系统版本号： iOS 15
手机厂商： 苹果
手机机型： iphonese iphonexs
页面类型： nvue
vue版本： vue2
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
打开页面，点击X按钮。
打开页面，点击X按钮。
预期结果：
web-view充满整个窗口，点击X按钮后关闭当前页面退回上一个页面
web-view充满整个窗口，点击X按钮后关闭当前页面退回上一个页面
实际结果：
状态栏位置无法展示，并且点击X按钮无反应，往下偏移点击，直到偏移一定的距离才会响应事件关闭退回上一个页面。
状态栏位置无法展示，并且点击X按钮无反应，往下偏移点击，直到偏移一定的距离才会响应事件关闭退回上一个页面。
bug描述：
nvue页面中的web-view无法全屏展示，同时点击X按钮无反应，点击偏下区域才能激发事件。
