angular - 甜蜜警报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',
});

这将允许您添加任意数量的图像(只需继续添加图像标签)。希望这有助于祝你好运!