Question

我正在构建一个Angular 2应用程序，并在其中的一部分使用甜蜜警报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中显示多个图像？

1 个答案: