uni-app - 应用启动后自动将屏幕旋转横屏（仅APP端适用）

前言

有时需要默认将我们的应用进行横屏显示（例如适应 ipad 应用），仅限 APP端（因为使用了 HTML5+ API）。

第一步

打开项目 page.json，在 globalStyle 配置项中添加如下代码：

"pageOrientation": "landscape"

第二步

打开 App.vue 文件，在 onLaunch 生命周期函数中添加以下代码：

锁定屏幕方向可取以下值： “portrait-primary”: 竖屏正方向； “portrait-secondary”: 竖屏反方向，屏幕正方向按顺时针旋转180°； “landscape-primary”: 横屏正方向，屏幕正方向按顺时针旋转90°； “landscape-secondary”: 横屏方向，屏幕正方向按顺时针旋转270°； “portrait”: 竖屏正方向或反方向，根据设备重力感应器自动调整；