"globalStyle": {
		"navigationBarTextStyle": "black",
		"navigationBarTitleText": "uni-app",
		"navigationBarBackgroundColor": "#F8F8F8",
		"backgroundColor": "#F8F8F8",
		"pageOrientation": "auto" //橫屏配置 auto自動(dòng) | portrait豎屏 | landscape橫屏
	},

{
			"path": "pages/native/demo",
			"style": {
				"navigationBarTitleText": "橫屏模式",
				"enablePullDownRefresh": false,
				"backgroundTextStyle": "dark",
				"mp-weixin": {
					"pageOrientation": "landscape" //auto:自動(dòng)，landscape：橫屏，portrait ：豎屏
				}
			}
		}

<template>
	<view class="">
		<button type="default" @click="onCrosswise('default')">默認(rèn)橫豎屏切換</button>
		<button type="default" @click="onCrosswise('portrait')">豎屏</button>
		<button type="default" @click="onCrosswise('landscape')">橫屏</button>
	</view>
</template>

<script setup>
	import {
		ref,
		reactive,
		watch,
		onMounted,
	} from "vue"
	import {
		onLoad,
		onReady,
		onUnload
	} from '@dcloudio/uni-app'

// 切換模式
	const onCrosswise = (mode) => {
		if (mode == 'default') {
			// #ifdef APP-PLUS
			plus.screen.lockOrientation('default'); // 默認(rèn)橫豎屏切換
			// #endif
		} else if (mode == 'portrait') {
			// #ifdef APP-PLUS
			plus.screen.lockOrientation('portrait-primary'); // 豎屏展示
			// #endif
		} else {
			uni.navigateTo({
				url: "/pages/native/demo",
				success: function(res) {
					// #ifdef APP-PLUS
					plus.screen.lockOrientation('landscape-primary'); // 強(qiáng)制橫屏
					// #endif
				}
			})
		}
	}
</script>

<template>
	<view class="">
		跳轉(zhuǎn)成功
	</view>
</template>

<script setup>
	import {
		onLoad,
		onReady,
		onUnload
	} from '@dcloudio/uni-app'
	//頁(yè)面卸載時(shí)切換為默認(rèn)或者其他屬性
	onUnload(() => {
		{
			// #ifdef APP-PLUS
			plus.screen.lockOrientation('default');
			// #endif
		}
	})
</script>

<style>
</style>