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

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

默认是竖着的一个效果

我们打开项目的

pages.json

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

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

界面就横屏了

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

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

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


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

相关推荐
CHB5 小时前
uni-app x 蒸汽模式 iOS版 性能测试基准报告 Benchmark
ios·uni-app·swiftui
衍生星球6 小时前
SpringBoot3 + Vue3 + 微信小程序如何学习,以及学哪些技术,组件
sql·微信小程序·uni-app·vue·springboot
weixin_451431567 小时前
落地到一个真实项目里——一个 AI驱动的冰箱食材管理小程序
人工智能·ai·小程序
hnxaoli15 小时前
统信小程序(十六)xls转xlsx
开发语言·python·小程序
卓怡学长16 小时前
w272基于springboot便民医疗服务小程序
java·spring boot·spring·小程序·intellij-idea
新华财经频道16 小时前
2026微信小程序搭建平台实测测评,优缺点解析
微信小程序·小程序
编程猪猪侠1 天前
UniAppx安卓app实现左侧导航与右侧内容联动滚动
android·uni-app
kidding7231 天前
旋转大转盘小程序
前端·css·微信小程序·小程序·前端框架
千逐682 天前
Uniapp 鸿蒙实战之 AtomGit APP - 仓库详情与文件树浏览
服务器·microsoft·uni-app
万物得其道者成2 天前
uni-app App 热更新实现指南:从接口检查到下载安装重启(附带AI提示词)
uni-app