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

您所在的位置:网站首页 uniapp配置微信小程序电脑版可缩放 uniapp微信小程序pc端横屏解决方案

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

2024-07-13 00:13| 来源: 网络整理| 查看: 265

描述

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

 



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3