uniApp 调整小程序 单个/全部界面横屏展示效果

我们打开uni项目 小程序端运行

默认是竖着的一个效果

我们打开项目的

pages.json

给需要横屏的界面 的 style 属性 加上

javascript 复制代码
"mp-weixin": {
	"pageOrientation": "landscape"
}

界面就横屏了

如果是要所有界面都横屏的话

就直接在pages.json 的 globalStyle 中加上

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


这样 就能实现全部横屏的效果

相关推荐
烟囱土著13 小时前
如何让相册「动」起来❓看这里❗
微信·微信小程序·小程序
HashTang15 小时前
【AI 编程实战】第 11 篇:让小程序飞起来 - 性能优化实战指南
前端·uni-app·ai编程
lruri21 小时前
记录一个修复nvue文件在vscode里面提示ts-plugin报错
uni-app
蓝帆傲亦21 小时前
Web前端Mock数据实战指南:正确使用Mock.js提升开发效率
微信小程序·小程序·uni-app
00后程序员张1 天前
iOS 应用代码混淆,对已编译 IPA 进行类与方法混淆
android·ios·小程序·https·uni-app·iphone·webview
kyh10033811201 天前
微信小游戏《找茬找汉字闯关王》开发实战:送全部源码
microsoft·微信·微信小程序·小程序·微信小游戏·汉字找茬找梗
汤姆yu1 天前
基于微信小程序的校园快递代取系统
微信小程序·小程序
albert-einstein1 天前
微信小程序反编译(不通过模拟器进行反编译)
微信小程序·小程序
木子啊1 天前
Uni-app社会化功能:登录支付分享全攻略
uni-app
笨笨狗吞噬者2 天前
【2025】加入 uniapp 的一年
前端·uni-app