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

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

默认是竖着的一个效果

我们打开项目的

pages.json

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

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

界面就横屏了

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

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

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


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

相关推荐
游戏开发爱好者85 小时前
iOS IPA 上传工具全面解析,从 Transporter 到开心上架(Appuploader)命令行的高效上架实践
android·ios·小程序·https·uni-app·iphone·webview
阿里花盘8 小时前
培训机构如何利用小程序线上引流招生?培训机构小程序开发教程
小程序
阿里花盘16 小时前
美容院玩转小程序,实现预约、宣传、在线商城等功能
小程序
半开半落17 小时前
uniapp通过npm使用第三方库兼容微信小程序
微信小程序·npm·uni-app
随笔记18 小时前
HbuilderX载入项目,运行后唤起微信开发者工具,提示:Error: Fail to open IDE,唤醒不起来怎么办
javascript·微信小程序·uni-app
Lsx_18 小时前
一文读懂 Uniapp 小程序登录流程
前端·微信小程序·uni-app
夏目友人爱吃豆腐19 小时前
uniapp源码解析(Vue3/Vite版)
前端·vue.js·uni-app
從南走到北20 小时前
JAVA外卖霸王餐CPS优惠CPS平台自主发布小程序+公众号霸王餐源码
java·开发语言·小程序
2501_9151063221 小时前
iOS 抓包全流程指南,HTTPS 抓包、TCP 数据流分析与多工具协同的方法论
android·tcp/ip·ios·小程序·https·uni-app·iphone
邱泽贤21 小时前
uniapp 当前页调用上一页的方法
前端·javascript·uni-app