用uniapp写app,想要打包后横屏显示的方法

embedded/2024/10/21 3:38:24/

在网络上找了很多方法,打包之后都没什么用,该竖屏还是竖屏,挺无语的,最后试了一种方法才解决了打包后也横屏显示的方法

pages.json 文件中:

"pageOrientation": "auto"

这一条属性即可

设置了以后最好让页面随设备大小自适应,减少bug的产生

比如这样实现:

js:

onLoad() {uni.getSystemInfo({success: (res) => {const windowWidth = res.windowWidth; // 窗口宽度const windowHeight = res.windowHeight; // 窗口高度this.bodysHeight = windowHeight;}});
},
onResize(res) {uni.getSystemInfo({success: (res) => {const windowWidth = res.windowWidth; // 窗口宽度const windowHeight = res.windowHeight; // 窗口高度this.bodysHeight = windowHeight;}});
},

view:

<view class="content" :style="{ height: swiperHeight + 'px' }"></view>

宽度在初始设置成100%即可,切记,不要用vh   ☂꒰´•௰•`๑꒱…


http://www.ppmy.cn/embedded/97469.html

相关文章

学习Java Web

学习Java Web是一个系统且逐步深入的过程&#xff0c;它涵盖了从基础的Java编程语言、Web开发概念到具体的Java Web框架和技术的广泛内容。以下是一些关键步骤和建议&#xff0c;帮助你有效地学好Java Web开发&#xff1a; 1. 掌握Java基础 Java语法&#xff1a;了解Java的基…

微信小程序电话号码授权

前端&#xff1a; 文档&#xff1a;https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/getPhoneNumber.html uniapp调用的时候&#xff0c;要将bind用替换 <button open-type"getPhoneNumber" getphonenumber"getPhoneNumber"…

Java并发必杀技!线程池让你的程序速度飙升不止一点点!

文章目录 1 线程池的工作机制是什么&#xff1f;2 线程池的任务出现异常该怎么解决&#xff1f;3 线程池的内存泄露该如何解决&#xff1f; 近期迷上了举例子来结合知识点学习&#xff0c;尽量减少枯燥&#xff0c;如有错见谅哈~ 1 线程池的工作机制是什么&#xff1f; 线程池…

搭建内网开发环境(二)|Nexus安装及使用

引言 上一篇教程中按照了 docker 作为容器化工具&#xff0c;在本篇教程中将使用 docker-compose 安装 nexus。 搭建内网开发环境&#xff08;一&#xff09;&#xff5c;基于docker快速部署开发环境 什么是 Nexus Nexus是一个强大的仓库管理器&#xff0c;主要用于搭建和管…

算法力扣刷题记录 八十七【53. 最大子序和】

前言 贪心章节第4篇。动态规划章节第10篇。同一题&#xff0c;两种方法。 记录 八十七【53. 最大子序和】 一、题目阅读 给你一个整数数组 nums &#xff0c;请你找出一个具有最大和的连续子数组&#xff08;子数组最少包含一个元素&#xff09;&#xff0c;返回其最大和。 …

JavaEE 第9节 阻塞队列详解

一、概念 阻塞队列是在普通队列&#xff08;先进先出的数据结构&#xff09;的基础上增加了阻塞属性的特殊队列 1&#xff09;当阻塞队列空的时候&#xff0c;如果继续出队元素会进入阻塞状态&#xff0c;直到其他线程入队元素。 2&#xff09;当阻塞队列满的时候&#xff0c;…

[000-01-030].Zookeeper学习大纲

我的博客大纲 我的后端学习大纲 第一步&#xff1a;Zookeeper是什么 1.第01节&#xff1a;Zookeeper概述 第二步&#xff1a;Zookeeper怎么使用&#xff1a; 2.1.开发环境搭建 2.第02节 &#xff1a;Zookeeper本地安装3.第03节 &#xff1a;Zookeeper集群操作 2.2.具体使用…

企业级批量无人值守安装

企业级批量无人值守安装 一、批量无人值守安装1.简介PXE工作流程 2.核心技术&#xff08;dhcp、httpd、tftp&#xff09;3.实验3.1 准备环境3.2 防护关闭3.3 软件安装3.4 软件配置DHCP服务设置httpd服务配置tftp服务配置 3.5 编写引导安装相关文件&#xff0c;放到指定位置3.5.…