<template>
<view class="content">
<web-view :src="url" :style="{height:mapHeight+'px',width:'750rpx'}"></web-view>
</view>
</template>
<script>
export default {
data() {
return {
mapHeight:0,
}
},
computed:{
url(){
return `/hybrid/html/index.html`
}
},
onLoad() {
this.mapHeight=uni.getSystemInfoSync().windowHeight
},
methods: {
}
}
</script>
<style>
</style>
- 发布:2020-06-08 11:10
- 更新:2021-12-27 21:17
- 阅读:1073
产品分类: uniapp/App
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: windows10
HBuilderX类型: 正式
HBuilderX版本号: 2.7.9
手机系统: iOS
手机系统版本号: iOS 13.4
手机厂商: 苹果
手机机型: 苹果7
页面类型: nvue
打包方式: 云端
项目创建方式: HBuilderX
示例代码:
操作步骤:
打开APP
打开APP
预期结果:
页面铺满整个屏幕
页面铺满整个屏幕
实际结果:
顶部状态栏覆盖不到
顶部状态栏覆盖不到
bug描述:
pages.json里取消了默认的原生导航栏,但是页面没有铺满屏幕,状态栏会留有空白,高度设定的是uni.getSystemInfoSync().windowHeight,另外,在pages.json里设置关闭bounce效果也无效。