monitor_v3 / hg-monitor-web · Commits

Go to a project

Authored by ‘superliu’
Commit d8abf6f52b825c5ace99b44d6a2b8fc9cc3cad2f 1 parent c062ac3f

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

Inline Side-by-side
Showing 2 changed files with 5 additions and 10 deletions
... ... @@ -458,20 +458,16 @@ layui.extend({
imgUrl="/src/style/img/fault.png";
}
if(toastType=='faultprogress'){
imgUrl="/src/style/img/faultprogress.png";
imgUrl="/src/style/img/faultover.png";
}
if(toastType=='faultover'){
imgUrl="/src/style/img/faultover.png";
imgUrl="/src/style/img/faultprogress.png";
}
setTimeout(function () {
new msgTips({
dom: ".right-bottom-tips",
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,
space: 10,
firstSpace: 8,
... ... @@ -489,7 +485,6 @@ layui.extend({
//}
}
})
}, delay);
}else{
setTimeout(function () {
... ...
... ... @@ -98,7 +98,7 @@ layui.define(['layer', 'laytpl', 'form'], function (exports) {
$(options.dom).append(newContainer);
} 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 = "";
... ... @@ -127,7 +127,7 @@ layui.define(['layer', 'laytpl', 'form'], function (exports) {
'transition-timing-function':options.timingFun,
// 'width':options.width,
'width':'226px',
'bottom':'8px'
'bottom':'620px'
});
var height = $(newContainer).outerHeight(true);
var len = $('.fault_ez_tips').size();
... ...