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: 44,//此处是距离顶部的高度,应该是你页面的头部
// bottom:0,//防止输入框被软键盘遮挡
// height:height,//webview的高度
scalable:true,//webview的页面是否可以缩放,双指放大缩小
titleNView:{//加上返回header
autoBackButton:true,
titleText:'在线客服',
}
})
// wx.setTitleNViewButtonStyle({
// index:0,
// styles:{
// type:'back'
// }
// })
}, 1000);//如页面初始化调用需要写延迟
uni-app中使用web-view解决手机顶部被遮挡和输入框被软键盘遮挡
最新推荐文章于 2024-08-13 11:39:34 发布