uni-app 在真机或APP调试的web-view，默认全屏，设置样式无效

分类：uni-app

web_view

此代码实现类似浏览器，底部ViewBar 是一个菜单栏。
在h5 浏览器下显示正常，我通过样式控制，上面是web-view，下面是菜单栏。
但是在 app调试或真机上，无论如何，web-view都占满全屏，怎么调样式都没用，都无效
即使把 web-view的style设为display:none，也不隐藏。

<template>  
    <view class="content">  
        <!-- status -->  
        <view class="status" ></view>  
        <view class="main" >  
            <web-view   
            class="view-bar"  
            :src="src"  
            :webview-styles="webviewStyles"  
            @touchmove="showViewBar()"  
            ></web-view>  
        </view>  
        <SetBar @refresh='refresh'></SetBar>  
        <ViewBar v-show="ifShowViewBar"></ViewBar>  
    </view>  
</template>

2022-04-23 10:23 负责人:无分享

3 个回复

FullStack - 【插件开发】【专治疑难杂症】【ios上架、马甲包、白包、过审、已成功上架过几百个】【多款插件已上架：https://ext.dcloud.net.cn/publisher?id=22130】【非诚勿扰】QQ：543610866

plus解决

x***@sina.com

我就想让他全屏怎么设置

5***@qq.com

var w = plus.webview.create(this.url, 'id', {  
                top: uni.getSystemInfoSync().statusBarHeight + 50,  
                height: uni.getSystemInfoSync().windowHeight - 95 - uni.getSystemInfoSync().statusBarHeight  
            }, {  
                preload: 'preload webview'  
            });  
            var currentWebview = this.$mp.page.$getAppWebview()   
            currentWebview.append(w);```javascript

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

uni-app 在真机或APP调试的web-view，默认全屏，设置样式无效

3 个回复

公告

相关问题

uni-app 在真机或APP调试的web-view，默认全屏，设置样式无效

与内容相关的链接

3 个回复

公告

相关问题