杭州-通知查询-故障弹框 样式优化

@@ -458,20 +458,16 @@ layui.extend({
                         imgUrl="/src/style/img/fault.png";
                         imgUrl="/src/style/img/fault.png";
                     }
                     }
                     if(toastType=='faultprogress'){
                     if(toastType=='faultprogress'){
-                        imgUrl="/src/style/img/faultprogress.png";
+                        imgUrl="/src/style/img/faultover.png";
                     }
                     }
                     if(toastType=='faultover'){
                     if(toastType=='faultover'){
-                        imgUrl="/src/style/img/faultover.png";
+                        imgUrl="/src/style/img/faultprogress.png";
                     }
                     }
                     setTimeout(function () {
                     setTimeout(function () {
                         new msgTips({
                         new msgTips({
                             dom: ".right-bottom-tips",
                             dom: ".right-bottom-tips",
                             title: title,
                             title: title,
-                            message: `<p style="line-height: 24px;background: url(${imgUrl}) no-repeat;background-size: 100%;height: 160px;padding: 10px;background-position-x: right;padding-left: 29px;padding-top: 145px;">
-                                            <span class="title closeFault" style="position: relative;top: -75px;left: 170px;">X</span>
-                                            <span style="position: relative;left: 35px;top: -21px; font-weight: bold;">${title}</span>
-                                            ${content}
-                                      </p>`,
+                            message: `<p style="line-height: 24px;background: url(${imgUrl}) no-repeat;background-size: 100%;height: 160px;background-position-x: right;padding-left: 25px;padding-top: 145px;"><span >${content}</span><span class="title closeFault" style="position: relative;top: -126px;left: 22px;">X</span><span style="position: relative;left: -89px;top: -96px; font-weight: bold;float: right;">${title}</span></p>`,
                             duration: 10000,
                             duration: 10000,
                             space: 10,
                             space: 10,
                             firstSpace: 8,
                             firstSpace: 8,
@@ -489,7 +485,6 @@ layui.extend({
                                 //}
                                 //}
                             }
                             }
                         })
                         })
-
                     }, delay);
                     }, delay);
                 }else{
                 }else{
                     setTimeout(function () {
                     setTimeout(function () {

@@ -98,7 +98,7 @@ layui.define(['layer', 'laytpl', 'form'], function (exports) {
             $(options.dom).append(newContainer);
             $(options.dom).append(newContainer);
         } else if(options.toastType=='faultinfo'||options.toastType=='faultprogress'||options.toastType=='faultover'){
         } else if(options.toastType=='faultinfo'||options.toastType=='faultprogress'||options.toastType=='faultover'){
 
 
-            var container = "<div class='fault_ez_tips "+options.toastType+"' style="+firstDirection+":"+options.margin+"px;transform:translateX("+minus+"110%);width: 226px;bottom: 8px !important; ></div>"
+            var container = "<div class='fault_ez_tips "+options.toastType+"' style="+firstDirection+":"+options.margin+"px;transform:translateX("+minus+"110%); ></div>"
 
 
             // var head = "<div class='faultTitle faultClearfix'><i class='faultTips_icon_l fl'></i><i class='FaultTips_icon_r close'></i></div>";
             // var head = "<div class='faultTitle faultClearfix'><i class='faultTips_icon_l fl'></i><i class='FaultTips_icon_r close'></i></div>";
             var head = "";
             var head = "";
@@ -127,7 +127,7 @@ layui.define(['layer', 'laytpl', 'form'], function (exports) {
                     'transition-timing-function':options.timingFun,
                     'transition-timing-function':options.timingFun,
                     // 'width':options.width,
                     // 'width':options.width,
                     'width':'226px',
                     'width':'226px',
-                    'bottom':'8px'
+                    'bottom':'620px'
                 });
                 });
                 var height = $(newContainer).outerHeight(true);
                 var height = $(newContainer).outerHeight(true);
                 var len = $('.fault_ez_tips').size();
                 var len = $('.fault_ez_tips').size();