uniapp微信小程序pc端横屏解决方案

描述

博主要做的效果是微信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端打开的效果就如下图,很大!!!!!!!!!!!!!!!!!!!

 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

雪狼之夜

打个赏,让博主知道博文没白写

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值