sweetAlert1 设置弹窗宽度,及使用自定义样式

sweetAlert1不像sweetAlert2那样可以通过width属性来配置弹窗的宽度。但是可以通过customClass属性来配置自定义样式

1、如何使用自定义样式

swal({ 
  title: "漂亮!", 
  text: "这是自定义图标。",
  imageUrl: "images/thumbs-up.jpg" ,
  customClass: "sweetAlert sweetAlert2"    
});

其中的sweetAlert和sweetAlert2就是在CSS样式中定义的样式类,多个类中间使用空格隔开

 

 

2、使用自定义样式设置弹窗的宽度

    .sweetAlert {
        width: 22em;
        margin: 0 auto;
        left: 0;
        right: 0;
    }

 

posted @ 2018-03-02 14:44  lijibing  阅读(7331)  评论(0编辑  收藏  举报