layui弹出多个窗口

可以使用 layui 的 layer 组件来弹出多个窗口。具体操作如下：

1. 引入 layui 的 layer 组件：

<link rel="stylesheet" href="https://cdn.staticfile.org/layui/2.5.6/css/layui.min.css" integrity="sha384-KD7tJuF1jZkxcJ7l+u2RmY1WVX9iCvOo5lwJ4LsBc5G3m6I00JLXQzXHc+JyF0KA" crossorigin="anonymous">
<script src="https://cdn.staticfile.org/layui/2.5.6/layui.min.js" integrity="sha384-+iQ5tK+qXsW5gW+8Wpy2ng6v7xZ6j0z5eJ2xN+qLNYwl6Xz9L7HL14XGu7z+J2a4" crossorigin="anonymous"></script>

2. 使用 layer.open() 方法弹出窗口，可以传入不同的配置项参数来控制窗口的样式和内容。例如：

// 弹出一个普通窗口
layer.open({
  type: 1,
  title: '普通窗口',
  content: '这是一个普通窗口'
});

// 弹出一个iframe层
layer.open({
  type: 2,
  title: 'iframe层',
  area: ['800px', '600px'],
  content: 'http://www.baidu.com'
});

// 弹出一个自定义HTML层
layer.open({
  type: 1,
  title: '自定义HTML层',
  area: ['500px', '300px'],
  content: '<div style="padding: 20px;">这是一个自定义HTML层</div>'
});

3. 如果需要弹出多个窗口，可以在每次调用 layer.open() 方法时传入不同的配置项参数，例如：

// 弹出第一个窗口
layer.open({
  type: 1,
  title: '窗口1',
  content: '这是第一个窗口'
});

// 弹出第二个窗口
layer.open({
  type: 1,
  title: '窗口2',
  content: '这是第二个窗口'
});

// 弹出第三个窗口
layer.open({
  type: 1,
  title: '窗口3',
  content: '这是第三个窗口'
});

这样就可以弹出多个窗口了。