uniapp解决折叠屏手机适配问题
uniapp解决折叠屏手机适配问题;折叠屏手机翻开或关闭时,会造成页面的样式错乱,那么应该怎么解决呢,这里会有你想要的答案
·
折叠屏手机翻开或关上时,手机的宽度会改变;那么怎么监测手机屏幕的变化呢,这就用到了uniapp中的uni.onWindowResize

onShow: function() {
uni.onWindowResize((res) => {
console.log('变化后的窗口宽度=' + res.size.windowWidth)
console.log('变化后的窗口高度=' + res.size.windowHeight)
let hdWidth = uni.getStorageSync('windowWidth')
if(hdWidth) {
if(hdWidth != res.size.windowWidth) {
let dsvgds = getCurrentPages();
let currPage = dsvgds[dsvgds.length - 1];
uni.reLaunch({
url: '/pages/login/blank?paths='+currPage.$page.fullPath
})
}
}
uni.setStorageSync('windowWidth', res.size.windowWidth);
})
},
currPage.$page.fullPath是当前页面的路径+参数
pages/login/blank 页面是个空白页面;因为我需要跳到这个空白页面然后再跳回来,从而实现页面重新加载。因为在app中location.reload() 和 window.location.replace 都不起作用。
当然可以直接跳转当前页面
pages/login/blank:
onLoad(opt) {
if(opt.paths) {
uni.reLaunch({
url: opt.paths
})
}
},
更多推荐


所有评论(0)