UNIAPP----获取屏幕、元素高度;修改元素高度_uniapp获取元素高度-程序员宅基地

技术标签: 笔记  前端  javascript  

获取屏幕高度:

onShow() {
		uni.getSystemInfo({
			success: res => {
				this.windowHeight = res.windowHeight;
				console.log(res.windowHeight)  //res.windowHeight是返回的屏幕高度
			}
		});
	},

获取元素高度:

onLoad() {
		this.$nextTick(() => {
			this.setSwiperHeight();
		});
	},
setSwiperHeight() {
			let query = uni.createSelectorQuery().in(this);
			query.select('#imgBox').boundingClientRect();  //我找的idimgBox 你的替换就行
			query.exec(res => {
				
                console.log(res[0].height)  // 元素高度
				this.swiperHeight = res[0].height; // 返回的值可以用作动态修改swiper高度
			});
		},


修改元素高度或者动态修改 uniapp自带的swiper组件的高度

可以这样: swiperHeight 是上图获取元素高度的值

<swiper class="" :style="{ height: swiperHeight + 'px' }" :current="current" @change="changeSwiper">
</swiper>

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_44126737/article/details/125901785

智能推荐

4.Controller简介_controller 范围-程序员宅基地

文章浏览阅读978次。4.1、Controller简介Controller控制器,是MVC中的部分C,为什么是部分呢?因为此处的控制器主要负责功能处理部分:1、收集、验证请求参数并绑定到命令对象;2、将命令对象交给业务对象,由业务对象处理并返回模型数据;3、返回ModelAndView(Model部分是业务对象返回的模型数据,视图部分为逻辑视图名)。 还记得Dispatc_controller 范围

【OpenCV 例程 300篇】244. 特征检测之 BRIEF 特征描述_brief特征匹配-程序员宅基地

文章浏览阅读1.9k次,点赞6次,收藏7次。BRIEF算子对检测到的特征点构造特征描述子,特点是直接生成二进制字符串作为特征描述符,效率很高。BRIEF 建立描述子的速度很快,生成的二进制描述子便于高速匹配,且便于在硬件上实现。BRIEF 算法不涉及特征点检测方法,需要配合 FAST、SURF、CenSurE 等特征点检测算法使用。_brief特征匹配

【Linux】进程的优先级&&环境变量-程序员宅基地

文章浏览阅读1.4k次,点赞67次,收藏75次。上一篇在进程中提到了【Linux】进程状态&&僵尸进程和孤儿进程&&阻塞、挂起和运行,这次来继续来谈进程。在进程的PCB中存在一个进程的优先级,那么什么是进程的优先级?进程的优先级就是指定一个进程获取某种资源的顺序。进程中使用task_struct进程控制块结构体中的内部字段用一个整型prio表示优先级。Linux中优先级数字越小,优先级越高。比较一下优先级和权限:权限决定一件事能不能做,而有优先级就表示一件事情能做只是代表获取资源的顺序。

振动信号常用的时域和频域指标_振动信号时域分析-程序员宅基地

文章浏览阅读6.5k次,点赞6次,收藏68次。通常振动信号为一时间序列,衡量振动信号的指标包括时域指标和频域指标,网上分享计算公式和源程序的比较少,本文给出了公式定义以及matlab/python源码。常见时域指标:对应的Matlab程序%%%%matlab程序close allclearclcst = 0.01;data = sin(0:st:10);Xr = mean(sqrt(abs(data)))*mean(sqrt(abs(data)));Xmean = mean(abs(data));Xrms = rm_振动信号时域分析

Python: sklearn库中数据预处理函数fit_transform()和transform()的区别_fit_transform函数参数-程序员宅基地

文章浏览阅读1.4k次。敲《Python机器学习及实践》上的code的时候,对于数据预处理中涉及到的fit_transform()函数和transform()函数之间的区别很模糊,查阅了很多资料,这里整理一下:涉及到这两个函数的代码如下:# 从sklearn.preprocessing导入StandardScalerfrom sklearn.preprocessing import StandardScale..._fit_transform函数参数

一起talk C栗子吧(第四十七回:C语言实例--走迷宫一)-程序员宅基地

文章浏览阅读1.2k次。图文并茂走迷宫_一起talk c栗子吧

随便推点

线段树特训-程序员宅基地

文章浏览阅读181次。此处只讲一个,既有区间赋值操作,又有区间加值操作的线段树编写其需要创建两种懒节点,并需要设置优先级。

Java 21正式发布 小小使用一下期待已久的虚拟线程_netty java21虚拟线程-程序员宅基地

文章浏览阅读315次。虚拟线程是一种轻量级的并发编程机制,它在代码中提供了一种顺序执行的感觉,同时允许在需要时挂起和恢复执行。虚拟线程可以看作是一种用户级线程,与操作系统的线程或进程不同,它是由编程语言或库提供的,而不是由操作系统管理的。_netty java21虚拟线程

Docker下搭建MySql主从复制_博客园 疯子丶pony-程序员宅基地

文章浏览阅读147次。在Docker环境下搭建MySql主从复制,阅读此文章默认读者具备基础的Docker命令操作。一、环境1、Docker版本:Docker version 24.0.5, build ced09962、MySql:Server version: 5.7.36 MySQL Community Server (GPL)3、Centos:CentOS Linux release 7.9.2009..._博客园 疯子丶pony

大数据面试系列之——Hive_by rand(123)-程序员宅基地

文章浏览阅读970次。Hive是一个数据仓库基础工具在Hadoop中用来处理结构化数据1.Hive与传统数据库的区别1、数据存储位置:Hive是建立在Hadoop之上的,所有的Hive的数据都是存储在HDFS中的。而数据库则可以将数据保存在块设备或本地文件系统中。2、数据格式:Hive中没有定义专门的数据格式,由用户指定,需要指定三个属性:列分隔符,行分隔符,以及读取文件数据的方法。数据库中,存储引擎定义了自己的..._by rand(123)

不用USB连接线或没有ADB驱动如何调试安卓_不使用usb调试连接电脑-程序员宅基地

文章浏览阅读1.2w次,点赞5次,收藏18次。USB数据线的调试方式,大家应该比较常用,今天就专门说说怎么在不使用USB数据线的方式下进行安卓的开发调试。_不使用usb调试连接电脑

MySQL 创建表时出现 Tablespace for `xxx`.`xxx` exists._please discard the tablespace before import.-程序员宅基地

文章浏览阅读2.7k次,点赞2次,收藏2次。但在 SQLyog 上查看时却是不存在的。这是因为 MySQL 异常停止后,导致某些文件丢失或损害引起的,具体为什么会到至 MySQL 异常停止,只能进一步查看。本地 MySQL 异常停止后,手动启动服务,热庵后执行 sql 脚本时,发现又报错信息,于是手动创建表,发现还是无法创建,报了。表空间已存在,在导入数据之前需要将表空间释放掉。_please discard the tablespace before import.