2021-10-17 获取系统信息(屏幕高度)

本文介绍了如何在uniapp中利用uni.getSystemInfo获取屏幕高度,并详细展示了在成功获取到windowHeight后,如何减去状态栏高度(假设为62px)来动态设置scroll-view组件的高度,确保内容区域适配屏幕。
摘要由CSDN通过智能技术生成

uniapp获取系统信息(屏幕高度),并设置组件高度

uni.getSystemInfo()可获取的系统信息有多种,包括:
brand设备品牌
model设备型号
pixelRatio设备像素比
screenWidth屏幕宽度
screenHeight屏幕高度
windowWidth可使用窗口宽度
windowHeight可使用窗口高度
windowTop可使用窗口的顶部位置
windowBottom可使用窗口的底部位置
statusBarHeight状态栏的高度
navigationBarHeight导航栏的高度

详细信息见此链接

getHeight(){
				uni.getSystemInfo({
					success: (res) => {
                        //获取自己需要的屏幕高度
						this.swiperHeight=res.windowHeight-62
					}
				})
			}
获取屏幕高度后动态设置容器高度
<scroll-view scroll-y="true" :style="{height:swiperHeight+'px'}">
<!-- 通过:style绑定容器高度-->
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值