安卓无障碍开发
安卓无障碍开发
  • 发布:2020-06-08 11:10
  • 更新:2021-12-27 21:17
  • 阅读:1073

【报Bug】nvue页面加载web-view,页面不能铺满(IOS)

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: windows10

HBuilderX类型: 正式

HBuilderX版本号: 2.7.9

手机系统: iOS

手机系统版本号: iOS 13.4

手机厂商: 苹果

手机机型: 苹果7

页面类型: nvue

打包方式: 云端

项目创建方式: HBuilderX

示例代码:
<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>

操作步骤:
打开APP

预期结果:
页面铺满整个屏幕

实际结果:
顶部状态栏覆盖不到

bug描述:

pages.json里取消了默认的原生导航栏,但是页面没有铺满屏幕,状态栏会留有空白,高度设定的是uni.getSystemInfoSync().windowHeight,另外,在pages.json里设置关闭bounce效果也无效。

2020-06-08 11:10 负责人:DCloud_iOS_XHY 分享
已邀请:
1***@qq.com

1***@qq.com

问题解决了吗?遇到同样的问题。

makeit

makeit - it

mapHeight 设置成 屏幕的高度

  • 1***@qq.com

    没有效果。

    2021-12-25 20:26

  • makeit

    回复 1***@qq.com: https://ask.dcloud.net.cn/question/89394 看看这个帖子里的回复,有没有效果

    2021-12-25 23:22

  • 1***@qq.com

    回复 makeit: vue页面是没有问题的,现在是nvue页面出现这个问题。

    2021-12-27 12:32

该问题目前已经被锁定, 无法添加新回复