uniapp全局配置固定横屏打包后出现样式问题的解决

问题描述

uniapp全局配置固定横屏打包后首页出现样式比例不对，页面跳转后恢复

问题原因

大致是资源加载顺序的问题

解决办法

去掉pages.json文件中的固定横屏配置，去页面添加手动横屏

<!-- App.vue文件 -->
<script setup lang="ts">
	import { onHide, onLaunch, onShow, onUnload } from "@dcloudio/uni-app";

	onLaunch(() => {
		// #ifdef APP-PLUS
		plus.screen.lockOrientation('landscape-primary');
		setTimeout(() => {
			plus.screen.unlockOrientation();//解除屏幕方向的锁定，但是不一定是竖屏；
			plus.screen.lockOrientation('landscape-primary');
		}, 500)
		// #endif
	});
	onShow(() => {
		// #ifdef APP-PLUS
		plus.screen.lockOrientation('landscape-primary');
		// #endif
	});
	onHide(() => {
		console.log("App Hide");
	});

	onUnload(() => {
	})
</script>