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

描述

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

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

说下设置方法吧

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

加入代码

"resizable":true

位置如下图

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

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

加入代码

"pageOrientation": "landscape",

出处uni-app官网

可以了！！！！！！！！！！！！！！！

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

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

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

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

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

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

uniapp微信小程序pc端横屏解决方案相关推荐

FiddlerEverywhere抓包微信小程序(pc端)
其他链接: java爬虫入门jsoup入门(简单示例,五分钟) https://blog.csdn.net/qq_33745371/article/details/109064543 java爬虫(j ...
微信小程序 PC端与手机端显示不一致之tabBar导航栏
在编写微信小程序项目时,一开始为了显示出页面样式,我在app.json中,tabBar导航栏的list中设置了三个数组,对应三个导航块.但是三个导航块list中的pagePath设置为同一页面page ...
uniapp 微信小程序获取图形验证码解决方案
写这篇博客的初衷是,自己陷入深坑,爬了好久,前端小白,记录一下吧.. **问题:**在登录时候,需要获取图形验证码来验证登录,接口返回的是base64,直接可以用base64来显示图片,没毛病吧,我也 ...
uniapp - 微信小程序端引入 Echarts 图表及使用详细教程，简单快速的解决方案（拒绝复杂的过程，附带详细的使用示例保姆级教程）
效果图现在各种平台的文章都太乱了,基本上实测无效... 帮你在uniapp开发中,微信小程序平台端使用 echats 图表的详细教程,快速并且简单轻松搞定. 下面是最后的运行结果,随便用的一个图表进 ...
微信小程序ios端唤醒不了拨打电话或者部分电话拨打不了解决方案
目录简介技术问题解决方案简介主要解决微信小程序ios端唤醒不了拨打电话或者部分电话拨打不了问题,使用安卓手机就可以轻松的唤醒拨打电话. 技术 uni-app前端小程序框架问题在调试微信 ...
前端 domparser未定义怎么解决_开源｜wwto：小程序跨端迁移解决方案——微信转其他小程序...
开源项目专题系列 (二) 1.开源项目名称:wwto 2.github地址: https://github.com/wuba/wwto 3.简介:wwto是58同城推出的一种小程序跨端迁移解决方案,可 ...
uni-app 微信小程序端-AirKiss一键配网
uni-app 微信小程序端-AirKiss一键配网发现网上很多关于微信小程序配网的文章都是微信小程序原生开发,uni-app少之又少.这篇文章就介绍一下怎么在HBuilder X使用airkiss ...
uniapp - 微信小程序接入腾讯视频播放器功能插件，uniapp开发微信小程序端调用引入并使用腾讯视频播放组件完整全流程（详细示例源码，一键复制开箱即用）
效果图在uniapp 微信小程序项目中,集成腾讯视频功能插件,实现播放腾讯视频效果,附带详细示例源码及注释, 你可以跟着步骤一步步来,保证几分钟就能快速在uniapp小程序项目中植入腾讯视频功能! ...
vue uniapp 微信小程序搜索下拉框模糊搜索
vue uniapp 微信小程序搜索下拉框模糊搜索话不多说直接贴代码 template <template><view class="index"> ...

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

uniapp微信小程序pc端横屏解决方案相关推荐

最新文章

热门文章