uniapp页面使用web-view加载网络url,导致底部组件被覆盖解决办法
<script>var wv;//计划创建的webviewexport default {onReady() {var px = uni.upx2px(120)var currentWebview = this.$scope.$getAppWebview() //此对象相当于html5plus里的plus.webview.currentWebview()。在uni-app里vue页面直
·
<script>
var wv;//计划创建的webview
export default {
onReady() {
var px = uni.upx2px(120)
var currentWebview = this.$scope.$getAppWebview() //此对象相当于html5plus里的plus.webview.currentWebview()。在uni-app里vue页面直接使用plus.webview.currentWebview()无效,非v3编译模式使用this.$mp.page.$getAppWebview()
setTimeout(function() {
wv = currentWebview.children()[0]
wv.setStyle({bottom:px})
}, 1000); //如果是页面初始化调用时,需要延时一下
}
}
</script>
解决办法是将在页面加载时候动态设置web-view距离底部的距离,这里我底部的组件高度是120upx,所有使用uni.upx2px将upx转换为px单位,距离顶部也是同样的道理。
更多推荐
已为社区贡献1条内容
所有评论(0)