sweetAlert1不像sweetAlert2那样可以通过width属性来配置弹窗的宽度。但是可以通过customClass属性来配置自定义样式
1、如何使用自定义样式
swal({
title: "漂亮!",
text: "这是自定义图标。",
imageUrl: "images/thumbs-up.jpg" ,
customClass: "sweetAlert sweetAlert2"
});
其中的sweetAlert和sweetAlert2就是在CSS样式中定义的样式类,多个类中间使用空格隔开
2、使用自定义样式设置弹窗的宽度为22em
.sweetAlert {
width: 22em;
margin: 0 auto;
left: 0;
right: 0;
}
网友评论