小程序pc端全屏(小程序页面横竖屏)的代码实现
发布于 4 年前 作者 shaoxia 3196 次浏览 来自 分享

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端全屏和小程序横竖屏显示配置时的总结和发现的问题,希望能给有需要的人带来帮助。

1 回复

按此攻略,对我的电脑无效,MAC,是因为mac吗?

回到顶部