uniapp 屏幕旋转 (可实现视频全屏播放旋转横屏)
uniapp 锁定屏幕方向(默认为纵向主屏)
只能在APP端 (Android 支持, iOS 未测)
plus.screen.lockOrientation(); // 设定屏幕锁定方向
// 纵向 portrait (自适应)
// 纵向-主屏(手机顶部到底部) portrait-primary
// 纵向-次屏(手机底部到顶部) portrait-secondary
// 横向 landscape (自适应)
// 横向-主屏(顺时针) landscape-primary
// 横向-次屏(逆时针) landscape-secondary
1 // 媒体查询观察者 2 this.mediaQueryOb = uni.createMediaQueryObserver(this) 3 // 检测媒体查询内容(界面变化) 4 this.mediaQueryOb.observe({ 5 minWidth: 375, //页面最小宽度 375px 6 maxWidth: 500 //页面宽度最大 500px 7 }, matches => { 8 console.log(matches); 9 })
或者
1 landscapeOb = uni.createMediaQueryObserver(this) 2 landscapeOb.observe({ 3 orientation: 'landscape' //屏幕方向为纵向/横向 portrait/landscape 4 }, matches => { 5 console.log(matches); 6 this.landscape = matches 7 })
停止监听
1 this.mediaQueryOb.disconnect() //组件销毁时停止监听 2 landscapeOb.disconnect()
文档链接