当前位置： 移动技术网 > IT编程>开发语言>JavaScript > uni-app 如何设置web-view 不全屏，不自动铺满，动态控制web-view的高度

uni-app 如何设置web-view 不全屏，不自动铺满，动态控制web-view的高度

2020年07月17日  | 移动技术网IT编程  | 我要评论

内容写在onload里面，如果是初始化的时候控制，其他位置控制可以写在其他方法中 

var height=0;//定义动态的高度变量，如高度为定值，可以直接写
uni.getSystemInfo({
//成功获取的回调函数，返回值为系统信息
success: (sysinfo) => {
height = sysinfo.windowHeight;//自行修改，自己需要的高度 此处如底部有其他内容，可以直接---(-50)这种
},
complete: () => {
}
});
var currentWebview = this.$scope.$getAppWebview();//获取当前web-view
setTimeout(function() {
var wv = currentWebview.children()[0];
wv.setStyle({//设置web-view距离顶部的距离以及自己的高度，单位为px
top: 68,//此处是距离顶部的高度，应该是你页面的头部
height:height
})
}, 1000);//如页面初始化调用需要写延迟

下面的博客也是我的，如需要了解其他的知识，可以去看看，我搬的费劲

https://www.cnblogs.com/sky-zky/p/13050943.html

本文地址：https://blog.csdn.net/qq_29384789/article/details/107358978

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网