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

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

默认是竖着的一个效果

我们打开项目的

pages.json

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

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

界面就横屏了

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

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

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


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

相关推荐
Json____6 小时前
uni-app 框架 调用蓝牙,获取 iBeacon 定位信标的数据,实现室内定位场景
uni-app·电脑·蓝牙·蓝牙信标 beacon·定位信标·停车场定位
曲江涛13 小时前
微信小程序 webview 定位 并返回
微信小程序·小程序
276695829214 小时前
美团民宿 mtgsig 小程序 mtgsig1.2 分析
java·python·小程序·美团·mtgsig·mtgsig1.2·美团民宿
web_Hsir15 小时前
uniapp 微信小程序 使用ucharts
微信小程序·小程序·uni-app
web_Hsir15 小时前
Uniapp 实现微信小程序滑动面板功能详解
vue.js·微信小程序·uni-app
fakaifa16 小时前
beikeshop多商户跨境电商独立站最新版v1.6.0版本源码
前端·小程序·uni-app·php·beikeshop多商户·beikeshop跨境电商
Angus-zoe16 小时前
微信小程序唤起app
微信小程序·小程序
不老刘17 小时前
微信小程序使用 Vant Weapp 组件库教程
微信小程序·小程序·vant
Mr.Liu618 小时前
小程序30-wxml语法-声明和绑定数据
前端·微信小程序·小程序
耶啵奶膘18 小时前
uni-app:firstUI框架的选择器Select改造,添加一个搜索的插槽
前端·uni-app