uni

2024-07-15 12:51| 来源: 网络整理| 查看: 265

首先我们打开项目的 manifest.json 在左侧导航栏中找到源码视图在这里插入图片描述然后找到 app-plus 配置在下面加上

"orientation": [ //竖屏正方向 "portrait-primary", //竖屏反方向 "portrait-secondary", //横屏正方向 "landscape-primary", //横屏反方向 "landscape-secondary", //自然方向 "default" ],

在这里插入图片描述然后在需要实现旋转屏幕的页面中加上代码

onLoad() { // #ifdef APP-PLUS plus.screen.lockOrientation('default'); // #endif }, // 页面关闭时清除横屏正方向 onUnload() { // #ifdef APP-PLUS plus.screen.lockOrientation('portrait-primary'); // #endif },

在这里插入图片描述然后我们真机调试默认状态下还是竖屏的但是我们旋转屏幕将手机横过来神奇的一幕就出现了然后我们可以通过

uni.getSystemInfo({ success: function(res) { if (res.windowWidth > res.windowHeight) { // 横屏 } else { // 竖屏 } } })

来判断当前在什么情况下简单说高度多就是竖屏宽度多就是横屏

【本文地址】

uni

uni

今日新闻

推荐新闻