根据layui生成弹出窗口
时间: 2023-10-16 19:06:34 浏览: 81
layui 关闭open弹出框 刷新table表格页面的方法
您可以使用layui的layer模块来生成弹出窗口,以下是一个示例代码:
```
// 引入layer模块
layui.use('layer', function(){
var layer = layui.layer;
// 点击按钮弹出窗口
$('#btn').on('click', function(){
layer.open({
type: 1,
title: '弹窗标题',
content: '这里是弹窗内容',
area: ['500px', '300px'],
btn: ['确定', '取消'],
yes: function(index, layero){
// 点击确定按钮的回调函数
layer.close(index); // 关闭弹窗
}
});
});
});
```
解释一下上面代码中的参数:
- `type`:弹窗类型,1表示普通弹窗;
- `title`:弹窗标题;
- `content`:弹窗内容,可以是HTML字符串;
- `area`:弹窗大小,数组第一个元素表示宽度,第二个元素表示高度;
- `btn`:弹窗底部按钮,数组中的元素表示按钮的文本;
- `yes`:点击确定按钮的回调函数。
阅读全文