用uniapp写app,想要打包后横屏显示的方法

在网络上找了很多方法,打包之后都没什么用,该竖屏还是竖屏,挺无语的,最后试了一种方法才解决了打包后也横屏显示的方法

在 pages.json 文件中:

javascript 复制代码
"pageOrientation": "auto"

这一条属性即可

设置了以后最好让页面随设备大小自适应,减少bug的产生

比如这样实现:

js:

javascript 复制代码
onLoad() {
	uni.getSystemInfo({
		success: (res) => {
			const windowWidth = res.windowWidth; // 窗口宽度
			const windowHeight = res.windowHeight; // 窗口高度
			this.bodysHeight = windowHeight;
		}
	});
},
onResize(res) {
	uni.getSystemInfo({
		success: (res) => {
			const windowWidth = res.windowWidth; // 窗口宽度
			const windowHeight = res.windowHeight; // 窗口高度
			this.bodysHeight = windowHeight;
		}
	});
},

view:

javascript 复制代码
<view class="content" :style="{ height: swiperHeight + 'px' }">

</view>

宽度在初始设置成100%即可,切记,不要用vh ☂꒰´•௰•`๑꒱...

相关推荐
anyup2 小时前
🔥🔥 10 天 Star 破百!uView Pro 文档也开源啦:完全免费、无广告、高效上手
前端·vue.js·uni-app
fakaifa11 小时前
【最新版】CRMEB Pro版v3.4系统源码全开源+PC端+uniapp前端+搭建教程
人工智能·小程序·uni-app·php·crmeb·源码下载·crmebpro
2501_9159184118 小时前
iOS 应用上架全流程实践,从开发内测到正式发布的多工具组合方案
android·ios·小程序·https·uni-app·iphone·webview
梦里寻码1 天前
自行食用 uniapp 多端 手写签名组件
前端·uni-app
不如摸鱼去2 天前
Trae 辅助下的 uni-app 跨端小程序工程化开发实践分享
微信小程序·小程序·uni-app·aigc·ai编程
小白_ysf2 天前
uniapp 开发微信小程序,获取经纬度并且转化详细地址(单独封装版本)
微信小程序·uni-app
iOS阿玮2 天前
三年期已满,你的产品不再更新将于90天后下架。
uni-app·app·apple
bug总结3 天前
深入理解 uni-app 的 uni.createSelectorQuery()
uni-app
真上帝的左手3 天前
25. 移动端-uni-app
uni-app
编程猪猪侠3 天前
基于Uni-app+vue3实现微信小程序地图固定中心点范围内拖拽选择位置功能(分步骤详解)
uni-app