第一步
打开项目 page.json
,在 globalStyle
配置项中添加如下代码:
"pageOrientation": "landscape"
第二步
打开 App.vue
文件,在 onLaunch
生命周期函数中添加以下代码:
锁定屏幕方向可取以下值: “portrait-primary”: 竖屏正方向; “portrait-secondary”: 竖屏反方向,屏幕正方向按顺时针旋转180°; “landscape-primary”: 横屏正方向,屏幕正方向按顺时针旋转90°; “landscape-secondary”: 横屏方向,屏幕正方向按顺时针旋转270°; “portrait”: 竖屏正方向或反方向,根据设备重力感应器自动调整; “landscape”: 横屏正方向或反方向,根据设备重力感应器自动调整
// 横屏锁定
plus.screen.lockOrientation('landscape-primary')
注意:
HTML5+ API 仅支持APP端调用,其他平台调用会引发报错。