Massage(消息窗口)-页面左下角消息框方法封装

版权声明：本文为博主原创文章，创作不易转载请注明出处 https://blog.csdn.net/awangwu/article/details/82797974

 

/*
 * @Description 页面右下角后台操作成功消息框方法封装
 *
 * @Author wzf
 * @Date 2018/9/21 9:37
 * @Param data 后台响应回来的数据
 * @return
 **/
function successMassage(data) {
    /* 在屏幕右下角显示一条消息窗口。该选项参数是一个可配置的对象：
       showType：定义将如何显示该消息。可用值有：null,slide,fade,show。默认：slide。
       showSpeed：定义窗口显示的过度时间。默认：600毫秒。
       width：定义消息窗口的宽度。默认：250px。
       height：定义消息窗口的高度。默认：100px。
       title：在头部面板显示的标题文本。
       msg：显示的消息文本。
       style：定义消息窗体的自定义样式。
       timeout：如果定义为0，消息窗体将不会自动关闭，除非用户关闭他。如果定义成非0的树，消息窗体将在超时后自动关闭。默认：4秒。*/
    $.messager.show({
        title:'我的消息',
        width:'300px',
        height:'100px',
        //font-family来设置HTML网页字体的类型  font-size 字体大小
        msg:"<span style='color: #000000;font-family: 华文楷体;font-size: 20px;'>"+JSON.parse(data).msg+"</span>",
        timeout:1500,
        showType:'slide',
    });
}
/*
 * @Description 页面右下角后台操作失败消息框方法封装
 *
 * @Author wzf
 * @Date 2018/9/21 9:37
 * @Param data 后台响应回来的数据
 * @return
 **/
function failureMassage(data) {
    /* 在屏幕右下角显示一条消息窗口。该选项参数是一个可配置的对象：
       showType：定义将如何显示该消息。可用值有：null,slide,fade,show。默认：slide。
       showSpeed：定义窗口显示的过度时间。默认：600毫秒。
       width：定义消息窗口的宽度。默认：250px。
       height：定义消息窗口的高度。默认：100px。
       title：在头部面板显示的标题文本。
       msg：显示的消息文本。
       style：定义消息窗体的自定义样式。
       timeout：如果定义为0，消息窗体将不会自动关闭，除非用户关闭他。如果定义成非0的树，消息窗体将在超时后自动关闭。默认：4秒。*/
    $.messager.show({
        title:"<span style='color: crimson;font-family: 华文楷体;font-size: 20px;'>"+'错误消息'+"</span>",
        width:'300px',
        height:'100px',
        //font-family来设置HTML网页字体的类型  font-size 字体大小
        msg:"<span style='color: crimson;font-family: 华文楷体;font-size: 25px;'>"+JSON.parse(data).msg+"</span>",
        timeout:2000,
        showType:'slide',
    });
}