1、在project.config.json文件中,“setting”模块中增加配置 "resizable": true
2、在app.json文件中,“window”模块中增加"pageOrientation":"landscape"。
这样配置后,就可以让小程序的页面呈现横屏状态,在pc端就是“全屏”状态了(注:这里的全屏并非真的铺满整个电脑桌面,而是占了一大半屏幕的效果),赶紧去试试吧。
3、如果有的页面不想横屏显示的话,只需要在这个页面下的json文件中加上配置"pageOrientation":"portrait"即可。
这样配置后,只有页面json文件中配置了portrait的才会竖屏显示,其他的就都默认横屏显示了。
4、发现的问题:如果全局window设为了landscape,而某个页面,比如叫A页面中的json文件中单独设置了portrait(竖屏显示),假如你恰好在A页面加了激励式视频广告,那么你就会发现本来事竖屏显示的A页面,在点击观看激励式视频广告后返回来的时候就被强制显示为横屏了。
以上是我在项目中时间pc端全屏和小程序横竖屏显示配置时的总结和发现的问题,希望能给有需要的人带来帮助。