layui动态改变弹出框的高度

项目场景:

弹出框页面中根据下拉选项的不同,动态的改变页面的高度。


详细描述:

如下图所示,当页面中的【通知内容类型】选择【相同内容通知】时,弹出框页面中就会多出一个【推送内容】项,这个时候页面的高度就需要改变。


解决方案:

解决的方法不多说了直接上代码

html代码
<div class="layui-form-item updateType">
	<label class="layui-form-label required">通知内容类型:</label>
	<div class="layui-input-inline">
		<select name="contentType" lay-filter="contentType" lay-verify="contentType">
			<option value="1
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Layui提供了页面级弹出的组件,可以在当前页面中打开一个新的弹出页面。以下是一个使用Layui页面级弹出的示例代码: ```html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Layui 页面级弹出示例</title> <link rel="stylesheet" href="https://cdn.staticfile.org/layui/2.5.6/css/layui.css"> </head> <body> <button class="layui-btn layui-btn-normal" id="openPopup">打开弹出页面</button> <script src="https://cdn.staticfile.org/layui/2.5.6/layui.js"></script> <script> // 初始化Layui layui.use(['layer'], function() { var layer = layui.layer; // 监听按钮点击事件 document.getElementById('openPopup').addEventListener('click', function() { // 打开弹出页面 layer.open({ type: 2, title: '弹出页面示例', area: ['800px', '600px'], content: 'popup.html' // 弹出页面的URL地址 }); }); }); </script> </body> </html> ``` 在上面的示例中,我们使用了Layui的`layer.open()`方法,并将`type`属性设置为2,以打开一个页面级弹出。通过`area`属性可以设置弹出的宽度和高度。在`content`属性中,我们指定了弹出页面的URL地址(例如:`popup.html`),这个页面将在弹出中显示。 请注意,在示例中我们仅提供了一个按钮,点击按钮后将打开一个弹出页面。你可以根据自己的需求修改按钮样式和弹出页面的内容。 希望对你有所帮助!如果还有其他问题,请继续提问。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值