更改警报中的图像大小

Question

我正在使用 SweetAlert，要更改图标图像大小，我转到 .css 文件：

.sweet-alert .sa-icon {
    width: 80px;
    height: 80px;
    border: 4px solid gray;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    border-radius: 50%;
    margin: 20px auto;
    padding: 0;
    position: relative;
    box-sizing: content-box; }

我更改了这些值：

width: 80px;
height: 80px;

但是我看不到变化

如果我删除 .sa-icon。并将其添加到我的 .tpl 页面中：

<img src="http://placehold.it/350x150" class="sweet-alert">

警报未打开。

我使用此代码打开警报：

<script type="text/javascript"> sweetAlert({ title: "ADULT CONTENT", text: "ARE YOU OVER 18?", imageUrl: "dist/image.png", showCancelButton: true, cancelButtonText: "No", confirmButtonColor: "#ff0000", confirmButtonText: "Yes, I'am Over 18", closeOnConfirm: true }, function(isConfirm){ if (isConfirm) { } else { window.location.href = 'http://'; } }); </script>

唯一的问题是图像的大小。我无法改变它。建议？

Answer 1

要调整图像大小，您必须使用警报的 imageSize 属性 并将其设置为您想要的大小。注意将 height 和 width 作为由 "x"

分隔的两个值传递

像这样更新你的 JS

$(function(){
   sweetAlert({
        title: "ADULT CONTENT",
        text: "ARE YOU OVER 18?",
        imageUrl: "http://placehold.it/350x150",
        imageSize: '180x180', // add your dynamic height and width here
        showCancelButton: true,
        cancelButtonText: "No",
        confirmButtonColor: "#ff0000",
        confirmButtonText: "Yes, I'am Over 18",
        closeOnConfirm: true
    }, function(isConfirm) {
        if (isConfirm) {} else {
            window.location.href = 'http://';
        }
    }); 
});