uniapp APP和微信小程序横屏模式
首先在pages.json下新增代码:
"globalStyle": {
"navigationBarTextStyle": "black",
"navigationBarTitleText": "uni-app",
"navigationBarBackgroundColor": "#F8F8F8",
"backgroundColor": "#F8F8F8",
"pageOrientation": "auto" //横屏配置 auto自动 | portrait竖屏 | landscape横屏
},
微信小程序横屏:
在pages.json下添加代码(进入页面自动横横屏):
{
"path": "pages/native/demo",
"style": {
"navigationBarTitleText": "横屏模式",
"enablePullDownRefresh": false,
"backgroundTextStyle": "dark",
"mp-weixin": {
"pageOrientation": "landscape" //auto:自动,landscape:横屏,portrait :竖屏
}
}
}
页面代码实现:
/pages/native/demo页面:
跳转成功









