首页 > 其他分享 >uniapp高度相关计算

uniapp高度相关计算

时间:2023-10-03 20:25:13浏览次数:39  
标签:uniapp console log rpx getSystemInfo 高度 计算 res

获取屏幕高度

uni.getSystemInfo()

获取状态栏高度

uni.getSystemInfo()

高度计算rpx转化

onLoad() {
			uni.getSystemInfo({
			    success: function (res) {
			        console.log(res.screenHeight); //屏幕高度  注意这里获得的高度宽度都是px 需要转换rpx
			        console.log(res.windowWidth);  //可使用窗口宽度
			        console.log(res.windowHeight); //可使用窗口高度
			        console.log(res.screenWidth); //屏幕宽度
					var rpx=(res.screenHeight * (750 / res.windowWidth))  //将px 转换rpx
					console.log(rpx)
			    }
			});
		},

标签:uniapp,console,log,rpx,getSystemInfo,高度,计算,res
From: https://www.cnblogs.com/cn-oldboy/p/17741578.html

相关文章

  • 第04章 NumPy基础:数组和矢量计算
    NumPy(NumericalPython的简称)是Python数值计算最重要的基础包。大多数提供科学计算的包都是用NumPy的数组作为构建基础。NumPy的部分功能如下:ndarray,一个具有矢量算术运算和复杂广播能力的快速且节省空间的多维数组。用于对整组数据进行快速运算的标准数学函数(无需编写循环)。......
  • 2023-2024-1 20231406《计算机基础与程序设计》第1周学习总结
    2023-2024-120231406《计算机基础与程序设计》第1周学习总结作业信息这个作业属于哪个课程<班级的链接>(2023-2024-1-计算机基础与程序设计)这个作业要求在哪里<作业要求的链接>(2023-2024-1计算机基础与程序设计第一周作业这个作业的目标<计算机基础与程序设计......
  • vue 数据data-uniapp
    data属性data必须声明为返回一个初始数据对象的函数(注意函数内返回的数据对象不要直接引用函数外的对象);否则页面关闭时,数据不会自动销毁,再次打开该页面时,会显示上次数据。 //正确用法,使用函数返回对象 data(){ return{ title:'Hello' } } //错误写法,会导致再次......
  • 以下是一个复杂的 C 语言代码示例,展示了如何使用递归函数来计算斐波那契数列: ```c #i
    以下是一个复杂的C语言代码示例,展示了如何使用递归函数来计算斐波那契数列:#include<stdio.h>//递归函数计算斐波那契数列intfibonacci(intn){if(n<=1){returnn;}returnfibonacci(n-1)+fibonacci(n-2);}intmain(){intnum;......
  • Go 语言代码示例。使用并发和通道的并行计算素数的示例代码
    Go语言代码示例。使用并发和通道的并行计算素数的示例代码:packagemainimport( "fmt")funcmain(){ lowerLimit:=2 upperLimit:=100 //创建管道,用于在协程之间传递素数 primes:=make(chanint) //创建一个协程来生成素数序列 gogeneratePrimes(primes)......
  • 一次符号计算的尝试:基于Common Lisp的微分符号计算实现
    绪论背景作为一门具有极强表达能力的语言,CommonLisp适合于编译器实现、符号计算等应用。符号计算对于自动做题机器等方面具有广泛的应用。由于CommonLisp代码本身即为定义良好的抽象语法树(AST),因此对于实现编译器、符号计算具有天然的优势。本文基于语义分析器(SematicAnalyzer......
  • 假设高度已知,请写出三栏布局,其中左栏、右栏宽度各为300px,中间自适应.
    浮动、绝对定位、flexbox、表格、网格布局.<stylemedia="screen">.layoutdiv{min-height:300px;}.layout.float{float:left;width:300px;background:red;}.layout.right{float:right;width:300px;background:blue;}.layout.center{background:yellow......
  • 大数据计算引擎
    大数据计算引擎:从Hadoop到Flink=========================大数据计算引擎,根据使用场景和数据处理方式,可以分为批量计算、流式计算和图计算三大类。其中,Hadoop是奠定了所有计算框架的基石,虽然数据吞吐量大,但离线处理速度较慢。TEZ是有向无还图图计算引擎,虽然支持DAG,但是其复杂度......
  • 计算机初级选手的成长历程——扫雷详解
    大家好,很高兴又和大家见面啦!在上一篇内容中,我们详细介绍了三子棋的编写思路,相信大家在阅读完上一篇后对相关的知识点及其运用也有了相应的提升。下面我们就来开始介绍今天的内容——扫雷。扫雷游戏介绍游戏规则扫雷的游戏规则很简单。盘面上有许多方格,方格中随机分布着一些雷。你的......
  • 2023-2024-1 20231305《计算机基础与程序设计》第一周学习总结
    2023-2024-120231305《计算机基础与程序设计》第1周学习总结作业信息这个作业属于哪个课程<班级的链接>(如2022-2023-1-计算机基础与程序设计)这个作业要求在哪里<作业要求的链接>(如2022-2023-1计算机基础与程序设计第一周作业)这个作业的目标<快速浏览一遍教材计......