uniapp隐藏状态栏并强制横屏

uniapp隐藏状态栏并强制横屏

1.manifest.json中:

js 复制代码
"screenOrientation": [
					"landscape-primary", //可选,字符串类型,支持横屏
					"landscape-secondary" //可选,字符串类型,支持反向横屏
				]

2.App.vue:

js 复制代码
<script>
	export default {
		onLaunch: function() {
			// #ifdef  APP-PLUS
			// 隐藏手机系统状态栏
			plus.navigator.setFullscreen(true);
			plus.screen.lockOrientation('landscape-primary'); // 强制横屏
			// #endif
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		},
	}
</script>

这样设置后打包后也是强制横屏的。

相关推荐
LCG元1 小时前
STM32实战:基于STM32F103的Bootloader设计与IAP在线升级
javascript·stm32·嵌入式硬件
超级无敌暴龙兽2 小时前
和我一起刷面试题呀
前端·面试
wzl202612133 小时前
企业微信定时群发技术实现与实操指南(原生接口+工具落地)
java·运维·前端·企业微信
小码哥_常3 小时前
Robots.txt:互联网爬虫世界的“隐形规则”
前端
小码哥_常3 小时前
Android开发神器:AndroidAutoSize,轻松搞定屏幕适配
前端
前端一小卒3 小时前
前端工程师的全栈焦虑,我用 60 天治好了
前端·javascript·后端
不停喝水3 小时前
【AI+Cursor】 告别切图仔,拥抱Vibe Coding: AI + Cursor 开启多模态全栈新纪元 (1)
前端·人工智能·后端·ai·ai编程·cursor
coderyi4 小时前
LLM Agent 浅析
前端·javascript·人工智能
我叫黑大帅4 小时前
TypeScript 6.0 弃用选项错误 TS5101 解决方法
javascript·后端·面试