当前位置: 首页 > article >正文

Uniapp 打包后的横屏控制

文章目录

  • 问题
  • 处理
  • 参考


问题

Uniapp 打包后的横竖屏跟开发模式不太一样,需要在代码里设置一下

处理

需要改两个地方

  • pages.json:在 globalStyle 中添加 "pageOrientation": "auto",
    在这里插入图片描述

  • manifest.json:在第一层后面添加 orientation
    在这里插入图片描述

    // pages.json
    "pageOrientation": "auto",
    
    // manifest.json
    "orientation" : [ "landscape-primary", "landscape-secondary" ]
    
    // orientation 有如下的可选项,我只需要横屏,所以上面只写了两个
    "orientation" : [
    	//竖屏正方向
    	"portrait-primary",
    	//竖屏反方向
    	"portrait-secondary",
    	//横屏正方向
    	"landscape-primary",
    	//横屏反方向
    	"landscape-secondary",
    	//自然方向
    	"default"
    ]
    

参考

  1. 具体参考官网的这个页面 https://en.uniapp.dcloud.io/collocation/manifest.html#app-plus
    在这里插入图片描述
  2. 博客

http://www.kler.cn/news/325118.html

相关文章:

  • 【JavaEE初阶】多线程7(面试要点)
  • MacOS安装MindSpore(2024年最新)
  • 创意实现!在uni-app小程序商品详情页轮播中嵌入视频播放功能
  • 成都睿明智科技有限公司可靠吗?
  • SpringBoot--为什么Controller是串行的?怎样才能并行?
  • uni-app之旅-day01-home页
  • Python 课程18-SQLAlchemy
  • Stable Diffusion绘画 | LCM模型:实现秒出图
  • 多旋翼无人机光伏发电站吊运技术详解
  • nodejs基于vue电子产品商城销售网站的设计与实现 _bugfu
  • 19 vue3之自定义指令Directive按钮鉴权
  • Qt --- 其他控件的介绍 --- 多元素控件
  • 【在Linux世界中追寻伟大的One Piece】验证TCP
  • 数据工程师岗位常见面试问题-1(附回答)
  • yolo自动化项目实例解析(七)自建UI--工具栏选项
  • 【JavaEE初阶】深入解析单例模式中的饿汉模式,懒汉模式的实现以及线程安全问题
  • IDEA服务启动时无法输出日志
  • 用C++游戏开发
  • 【观察】华为:构筑先进AI存力底座,引领时代更创造时代
  • 企业如何提升知识产权管理效率?
  • linux StarRocks 安装
  • linux开启wol (网络唤醒)
  • MySQL Mail服务器集成:如何配置发送邮件?
  • 信号分解降噪 | Matlab实现基于TVFEMD-IMF能量熵增量的数据降噪方法
  • 华为OD机试 - 新学校选址(Python/JS/C/C++ 2024 E卷 100分)
  • 2024icpc(Ⅱ)网络赛补题E
  • C++(list的简单实现,着重点是迭代器)
  • navicat连接postgresql的ERROR: column datlastsysoid
  • 美图AI短片创作工具MOKI全面开放 支持生成配乐、细节修改
  • Pencils Protocol 成市场新宠,生态通证$DAPP价值几何