# 设置小程序的横竖屏切换

# 1. 效果展示

6-1-1.png

# 2. 覆盖范围

支持横屏、竖屏、横竖屏自由切换

该设置支持小程序自行指定,当小程序app.json文件中包含相关代码时,即可实现横竖屏切换

# 3. 设置方法

小程序的屏幕旋转设置可以在小程序工程的app.json文件的window中全局配置,也可以在每个页面的.json文件中单独配置。

  1. app.json中全局配置:
{
	"window": {
		"pageOrientation": "auto" // auto:横竖屏自由切换,portrait:竖屏,landscape:横屏
	}
}
  1. 在页面的.json文件中单独配置:
{
	"pageOrientation": "auto" // auto:横竖屏自由切换,portrait:竖屏,landscape:横屏
}
  1. 页面配置在当前页面会覆盖 app.jsonwindow 中相同的配置。
© 2021 凡泰极客
  • 免费试用
  • 编组
  • 编组 2