当前位置:   article > 正文

uniapp微信小程序pc端横屏解决方案_微信小程序 "resizable": true 怎么控制页面

微信小程序 "resizable": true 怎么控制页面

描述

博主要做的效果是微信pc版打开小程序要是这个效果

可是原本打开是这个如下图这样,也就是手动去设置旋转。

 

说下设置方法吧

1/

        uniapp的manifest.json文件打开源码试图

加入代码

"resizable":true

 

 位置如下图

放一个uniapp的文旦链接api     -》uni-app官网

2/ 你要设置的单页面的地方

加入代码

"pageOrientation": "landscape",

 出处uni-app官网

 可以了!!!!!!!!!!!!!!! 

但是如果手动,博主没看到uniapp有下面这个属性,反正配置完上面那些其实就已经可以横屏展示了,这个坑也是卡在关键字上,博主一直输入的是电脑怎么全屏

wx.setPageOrientation({ orientation: 'landscape' })

对 了 你设置 "resizable":true之后

pc端打开小程序会变成如下

你注意看 右上角多了一个图标

 这个就是全屏模式,你看下图就配置完之后pc端打开的效果就如下图,很大!!!!!!!!!!!!!!!!!!!

 

声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:【wpsshop博客】
推荐阅读
相关标签
  

闽ICP备14008679号