甜蜜警报2如何显示多张图片？

Question

我正在构建一个 Angular 2 应用程序，并在其中部分使用了 sweet alert 2。我需要在弹出窗口中同时显示多张图片（至少两张）。有什么想法吗？

Answer 1

只需将 <img> 标签添加到 html 参数中即可

swal({
    title: '<u>example</u>',
    type: 'info',
    html:
    '<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/e/e0/SNice.svg/1200px-SNice.svg.png" alt="Smiley face" height="42" width="42">'+ 
    '<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/e/e0/SNice.svg/1200px-SNice.svg.png" alt="Smiley face" height="42" width="42">',
    showCloseButton: true,
    showCancelButton: true,
    focusConfirm: false,
    confirmButtonText:
    '<i class="fa fa-thumbs-up"></i> Great!',
    confirmButtonAriaLabel: 'Thumbs up, great!',
    cancelButtonText:
    '<i class="fa fa-thumbs-down"></i>',
    cancelButtonAriaLabel: 'Thumbs down',
});

这样您就可以添加任意数量的图片（只需继续添加您的图片标签）。希望这有助于祝你好运！

甜蜜警报2如何显示多张图片？

How to display multiple images in sweet alert 2?

typescript

angular

sweetalert2