SweetAlert2：设置对话框高度

Question

对于 sweetAlert2 我注意到没有“高度”属性但是有一个“宽度”属性，有没有办法将对话框的高度设置为 80%？

谢谢

https://limonte.github.io/sweetalert2/

原文由 Eric Bergman 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您必须使用自定义 CSS 类，如下面的代码片段所示：

 const test = () => {
  swal({
     title: 'Test',
     customClass: 'swal-height'
  });

};

 .swal-height {
  height: 80vh;
}

 <script src="https://unpkg.com/sweetalert2@7.1.2/dist/sweetalert2.all.js"></script>

<button onclick="test()">test</button>

原文由 klugjo 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

从版本 7.21.0 开始，添加了一个修复程序。您可以在 Sweet Alert 选项中添加选项“heightAuto: false”，问题就解决了。

 Swal.fire({
    heightAuto: false,
    title: 'Hello,
    Text: 'This is an alert'
});

这里的例子： https ://jsfiddle.net/y3nf3fjg/1/

原文由 Milan 发布，翻译遵循 CC BY-SA 4.0 许可协议