uniapp横屏竖屏切换

UniApp是支持横屏和竖屏切换的，可以通过一些简单的设置实现。首先，在页面配置文件（manifest.json）中设置“autoRotateScreen”属性，该属性用于指定是否支持自动切换屏幕方向。如果autoRotateScreen设置为true，则应用将自动根据用户设备方向旋转屏幕。如果不需要自动切换屏幕方向，可以将autoRotateScreen属性设置为false。

其次，UniApp还提供了一个插件“uni-rotate-screen”，可以手动控制屏幕方向。使用该插件，可以在需要横屏时，手动将屏幕旋转到横屏模式。在需要竖屏时，手动将屏幕旋转回竖屏模式。

具体实现步骤如下：

1. 在页面配置文件（manifest.json）中添加如下代码：

"app-plus": {
  "autoRotateScreen": true
}

2. 安装uni-rotate-screen插件，并在需要控制屏幕方向的页面中引入该插件。

import uniRotateScreen from '@/uni_modules/uni-rotate-screen/js_sdk/uni-rotate-screen.js';

3. 使用uni-rotate-screen插件中的方法控制屏幕方向。

在需要横屏时：

uniRotateScreen.lockLandscape(); // 锁定横屏

在需要竖屏时：

uniRotateScreen.lockPortrait(); // 锁定竖屏

通过以上步骤，就可以在UniApp中实现横屏和竖屏的切换。值得注意的是，如果需要使用uni-rotate-screen插件实现手动控制屏幕方向，需要在app.vue组件的onShow和onHide生命周期方法中，手动添加如下代码：

uniRotateScreen.preventScreenShutoff(true); // 防止屏幕熄灭

这样才能够保证插件的正常使用，避免在使用过程中出现问题。