uniapp实现app竖屏锁定（关闭横屏）

在开发uniapp应用时，有时我们需要对屏幕方向进行控制，比如强制应用保持竖屏，关闭横屏功能。这在一些特定场景下，如阅读类、表单填写类的app中十分重要，能够为用户提供更稳定、舒适的使用体验。下面我们就来探讨如何在uniapp中实现这一功能。

在uniapp里，实现竖屏锁定有多种方式，其中较为常用的是通过配置文件和代码控制。我们可以在 manifest.json 文件中进行基础配置。打开该文件，找到 app-plus 节点，在其中添加 orientation 字段，并将其值设置为 portrait。portrait 代表竖屏模式，这样配置后，应用在启动时就会优先以竖屏显示。

{
    "app-plus": {
        "orientation": "portrait"
    }
}

不过，仅通过配置文件可能无法完全满足所有需求，比如在某些特定页面需要动态切换竖屏锁定状态。这时，我们可以使用uniapp提供的 plus.screen.lockOrientation 方法来实现代码层面的控制。

在页面的脚本部分，引入 plus 模块。例如，在 script 标签内：

export default {
    onLoad() {
        this.lockPortrait();
    },
    methods: {
        lockPortrait() {
            if (plus) {
                plus.screen.lockOrientation('portrait-primary');
            }
        }
    }
}

在上述代码中，我们在页面加载时调用 lockPortrait 方法，通过 plus.screen.lockOrientation 将屏幕锁定为竖屏。portrait-primary 表示正常的竖屏方向。

另外，为了确保兼容性，在使用 plus 相关方法时，需要先判断 plus 是否存在，防止在不支持的环境下报错。

通过上述配置文件和代码控制相结合的方式，我们能够灵活地在uniapp应用中实现竖屏锁定功能，关闭横屏显示。无论是整个应用都要求竖屏，还是部分页面需要竖屏锁定，都可以轻松应对，从而为用户打造出更符合使用习惯、更专注的应用体验。掌握这些技巧，有助于提升uniapp应用开发的质量和用户满意度。