Uniapp 打包后的横屏控制

文章目录

• 问题
• 处理
• 参考

---

问题

Uniapp 打包后的横竖屏跟开发模式不太一样，需要在代码里设置一下

处理

需要改两个地方

• pages.json：在 globalStyle 中添加 "pageOrientation": "auto",
  

• manifest.json：在第一层后面添加 orientation，
  

  // pages.json
  "pageOrientation": "auto",
  
  // manifest.json
  "orientation" : [ "landscape-primary", "landscape-secondary" ]
  
  // orientation 有如下的可选项，我只需要横屏，所以上面只写了两个
  "orientation" : [
  	//竖屏正方向
  	"portrait-primary",
  	//竖屏反方向
  	"portrait-secondary",
  	//横屏正方向
  	"landscape-primary",
  	//横屏反方向
  	"landscape-secondary",
  	//自然方向
  	"default"
  ]

参考

1. 具体参考官网的这个页面 https://en.uniapp.dcloud.io/collocation/manifest.html#app-plus
   
2. 博客