uniapp在横屏模式webview有样式问题

分类：uni-app

bug反馈 uniapp

app默认是竖屏，有个页面是横屏，元素就一个webview，在ios环境顶部会多一块，怎么都去不掉

<template>  
    <web-view :src="url" ref="webview"></web-view>  
</template>  

<script>  
    export default {  
        data() {  
            return {  
                url: ''  
            };  
        },  
        onUnload() {  
            // #ifdef APP-PLUS  
            plus.screen.lockOrientation("portrait-primary");  
            // #endif  
        },  
        onLoad(e) {  
            // #ifdef APP-PLUS  
            plus.screen.lockOrientation("landscape-primary");  
            // #endif  
            this.url = "https://www.baidu.com"  
        }  
    }  
</script>

2024-03-08 14:12 负责人:无分享

5 个回复

higough

onReady() {
let currentWebview = this.$scope.$getAppWebview();
setTimeout(function() {
let wv = currentWebview.children()[0];
const windowResizeCallback = (res) => {
wv.setStyle({
top: uni.getSystemInfoSync().statusBarHeight + 44
})
}
uni.onWindowResize(windowResizeCallback);

        }, 500);  
    }

格克 (作者)

这个可以解决，但感觉还是官方的bug

2024-03-11 11:15

套马杆的套子 - 没有解决不了的问题，只有解决不完的问题

试试是不是状态栏的事

plus.navigator.setStatusBarStyle('UIStatusBarStyleBlackTranslucent');

格克 (作者)

不行，我感觉就是uniapp的bug

2024-03-08 14:46

格克 (作者) - cccctttwww

没有官方人来测试一下吗

Azikou

plus.navigator.setFullscreen(true);

格克 (作者)

试了，不行

2024-03-08 16:24

格克 (作者) - cccctttwww

bug没人来看一下吗，百分百复现

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

uniapp在横屏模式webview有样式问题

5 个回复

公告

相关问题

uniapp在横屏模式webview有样式问题

与内容相关的链接

5 个回复

公告

相关问题