layui怎么调整弹框大小


本文摘自PHP中文网,作者藏色散人,侵删。

layui调整弹框大小的方法:首先新建一个html代码页面;然后使用link链接一个外部样式layer.css文件;接着创建弹出框;最后在“layer.opren()”方法里面使用“area:[]”设置弹出框的大小即可。

推荐:《layUI教程》

打开前端开发工具,新建一个html代码页面

9ae8b2eb153bf2257569e43648623fd.png

找打页面上的<title>标签,在这个标签后面使用link链接一个外部样式layer.css文件

bfcad45087c9a9bf1996d8bbaf36bbb.png

在链接的layer.css文件后面插入外部的jquery.js、layer.js这两个外部文件

40338893e23e70f31782b822209cbf0.png

创建弹出框。创建一个新的<script>标签,然后在这个标签里面使用layer.open()创建弹出框功能。

创建弹出框代码:

1

2

3

4

layer.open({

type: 2,

  content: "test.html"

})

d68abf07c38d028147569161e44100a.png

阅读剩余部分

相关阅读 >>

怎么利用layui美化table数据表格

layui列表怎么取input框的值

layui收费吗

layui中使用的一些弹出框

详解layui单选按钮不能正常显示及解决办法

layui中动态设置checkbox选中状态的方法介绍

使用layui渲染table数据表格(实例)

layui怎么设置checkbox勾选

layui弹出层(open)的属性介绍

layui数据表格隐藏列的方法介绍

更多相关阅读请进入《layui》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...