0
点赞
收藏
分享

微信扫一扫

Layui页面加载完后,重新更改弹窗大小

杨沐涵 2022-04-13 阅读 157
javascript

场景

本来是点击弹出一个弹框,这个弹框里有两步操作,第一步是填写一条信息,之后点击下一步继续填写更多信息,这两步在同一个弹框内,由于页面内容不同,需要动态根据内容多少调整弹框的大小。

操作

下面是具体代码

function resizeLayer(layerIndex, layerInitWidth, layerInitHeight) {
		let top = layerInitHeight === 300 ? "25.8%" : "14%"
		layer.style(layerIndex, {
			top: top,
			width: layerInitWidth,
			height: layerInitHeight
		});
}

其中layerIndex是弹框的ID,这里面最主要的是layer.style这个函数,找对地方问题就迎刃而解了。
一开始不知道怎么改,查了好久资料,难受的很,q(≧▽≦q) 在此记录一下。

举报

相关推荐

0 条评论