uniapp webview设置不全屏,设置自定义导航栏
使用webview时默认填充整个屏幕的,这时候我们加个自己的导航栏被遮住出不来,所以我们需要自定义webview的高度,才能显示出导航栏,传入导航栏高度(单位px),调用下面方法即可
// 自定义webview高度
function setWebview(offset) {
var height = 0;
uni.getSystemInfo({
success: (sysinfo) => {
height = sysinfo.windowHeight - offset;
},
complete: () => {}
});
var currentWebview = this.$scope.$getAppWebview(); //获取当前web-view
setTimeout(function() {
var wv = currentWebview.children()[0];
wv.setStyle({
top: offset,
height
})
}, 100);
}
setWebview(40) // 调用,假设导航栏高度为40,传入40即可