uni-app-获取、监听当前窗口屏幕的宽高

温醉

已于 2024-04-11 11:50:22 修改

阅读量1k

点赞数 1

文章标签：前端开发语言 uni-app

于 2024-04-11 11:47:05 首次发布

本文链接：https://blog.csdn.net/m0_58058746/article/details/137632824

版权

uni-app-获取、监听当前窗口屏幕的宽和高和旋转宽高

一个页面两套ui用得上记录

uni.getSystemInfo 放在onLoad里面执行

//  进入页面的时候执行一次
uni.getSystemInfo({
	success: function (res) {
		const windowWidth = res.windowWidth;   // 窗口宽度
		const windowHeight = res.windowHeight; // 窗口高度
		console.log(windowWidth);
		console.log(windowHeight);
	}
});

下面这段放在 onShow里面执行

//进入页面不触发获取数据  改变的时候触发
const windowResizeCallback = (res) => {
  console.log('变化后的窗口宽度=' + res.size.windowWidth)
  console.log('变化后的窗口高度=' + res.size.windowHeight)
}
uni.onWindowResize(windowResizeCallback)