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

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

默认是竖着的一个效果

我们打开项目的

pages.json

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

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

界面就横屏了

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

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

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


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

相关推荐
V+zmm1013419 分钟前
自驾游拼团小程序的设计与实现(ssm论文源码调试讲解)
java·数据库·微信小程序·小程序·毕业设计
寰宇软件1 小时前
PHP房屋出租出售高效预约系统小程序源码
前端·小程序·uni-app·vue·php
尚学教辅学习资料3 小时前
基于SpringBoot的宠物服务系统+uniapp小程序+LW参考示例
spring boot·uni-app·宠物
真的不想写实验3 小时前
uniapp引入ucharts组件不显示
uni-app
烂蜻蜓3 小时前
深入解析 Uniapp 的页面结构
前端·css·vue.js·uni-app·html·html5
Little_Code3 小时前
关于uniapp使用renderJS中调用父类方法和参数的使用
前端·javascript·uni-app
imsopoor3 小时前
【uniapp*vue3】app/h5 webview通讯方案
uni-app
abs6253 小时前
uniapp使用uts插件启动原生安卓Service
android·uni-app·uniapp uts插件·uniapp 安卓服务
貂蝉空大3 小时前
uni-app 开发app 时 ios上传图片失败的问题
uni-app
qq_316837753 小时前
uniapp h5端和app端 使用 turn.js
开发语言·javascript·uni-app