设置 Layui 弹窗的宽高

在 Layui 中，你可以通过以下几种方式设置弹窗（layer）的宽度和高度：

1. 基本设置方法

layer.open({
  type: 1, // 基本层类型
  title: '标题',
  content: '内容',
  area: ['500px', '300px'], // 设置宽高 [宽度, 高度]
  shadeClose: true // 点击遮罩关闭
});

2. 不同单位设置

// 使用像素单位
area: ['500px', '300px']

// 使用百分比（相对于浏览器窗口）
area: ['80%', '80%']

// 自适应宽度，固定高度
area: ['auto', '300px']

// 固定宽度，自适应高度
area: ['500px', 'auto']

3. 响应式设置

// 根据屏幕大小动态设置
area: [$(window).width() * 0.8 + 'px', $(window).height() * 0.8 + 'px']

4. 最大最小限制

layer.open({
  type: 1,
  title: '标题',
  content: '内容',
  area: ['500px', '300px'],
  maxWidth: 800, // 最大宽度（数字，单位px）
  maxHeight: 600, // 最大高度（数字，单位px）
  minWidth: 300, // 最小宽度（数字，单位px）
  minHeight: 200 // 最小高度（数字，单位px）
});

5. 针对 iframe 弹窗的设置

layer.open({
  type: 2, // iframe层
  title: 'iframe弹窗',
  content: 'http://yoururl.com',
  area: ['800px', '600px'],
  maxmin: true // 允许全屏最大化和最小化
});

注意事项

1. area 参数的格式是数组 [宽度, 高度]
2. 如果不设置 area，layer 会使用默认的宽高
3. 在移动端，layer 会自动适配为全屏
4. 对于 type 为 2 的 iframe 弹窗，建议设置固定宽高以获得更好的体验

希望这些信息能帮助你设置 Layui 弹窗的宽高！