当前位置:   article > 正文

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

uniapp 小程序横屏开发

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

默认是竖着的一个效果
在这里插入图片描述
我们打开项目的
pages.json
给需要横屏的界面 的 style 属性 加上

"mp-weixin": {
	"pageOrientation": "landscape"
}
  • 1
  • 2
  • 3

在这里插入图片描述
界面就横屏了
在这里插入图片描述
如果是要所有界面都横屏的话
就直接在pages.json 的 globalStyle 中加上

"pageOrientation": "auto"
  • 1

在这里插入图片描述
在这里插入图片描述
这样 就能实现全部横屏的效果

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/繁依Fanyi0/article/detail/475823
推荐阅读
相关标签
  

闽ICP备14008679号