uni-app web-view 遮挡问题

web-view 是一个 web 浏览器组件，可以用来承载网页的容器，会自动铺满整个页面。

一、引用了web-view组件之后进行修改

// #ifdef APP-PLUS

var currentWebview = this.$mp.page.$getAppWebview() //获取当前页面的webview对象

setTimeout(function() {

wv = currentWebview.children()[0]

wv.setStyle({top:150,height:300})

}, 1000); //如果是页面初始化调用时，需要延时一下 // #endif

二、使用js创建web-view组件

// #ifdef APP-PLUS

var w=plus.webview.create(url,’id’,{

top:uni.getSystemInfoSync().statusBarHeight+44，

//放置在titleNView下方。如果还想在webview上方加个地址栏的什么的，可以继续降低TOP值

//因为设置top之后 webview的高度依然不变会往下移底部会被遮住所以设置一下高度

height:uni.getSystemInfoSync().windowHeight – 44 -uni.getSystemInfoSync().statusBarHeight

},{preload:’preload webview’}); // 可直接通过以下方法获取preload值

var currentWebview = this.$mp.page.$getAppWebview() //获取当前页面的webview对象

currentWebview.append(w);//append到当前的页面

// #endif