|
...
|
...
|
@@ -26,6 +26,7 @@ layui.define(['layer', 'laytpl', 'form'], function (exports) { |
|
|
|
} else {
|
|
|
|
minus = "";
|
|
|
|
}
|
|
|
|
|
|
|
|
if ($('.ez_tips').size() == 0 || $('.ez_tips').size() < options.limit) {
|
|
|
|
|
|
|
|
var container = "<div class='ez_tips "+options.toastType+"' style="+firstDirection+":"+options.margin+"px;transform:translateX("+minus+"110%)></div>"
|
|
...
|
...
|
@@ -94,9 +95,77 @@ layui.define(['layer', 'laytpl', 'form'], function (exports) { |
|
|
|
$(newContent).css('cursor','pointer').on(options.type,options.action);
|
|
|
|
}
|
|
|
|
},1);
|
|
|
|
$(options.dom).append(newContainer);
|
|
|
|
} else if(options.toastType=='faultinfo'){
|
|
|
|
var container = "<div class='fault_ez_tips "+options.toastType+"' style="+firstDirection+":"+options.margin+"px;bottom: 319px;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 content = "<div class='FaultTips-message' style='cursor: pointer; display: flex;justify-content: flex-end;'></div>"
|
|
|
|
|
|
|
|
var newHead = $(head).append(options.title);
|
|
|
|
|
|
|
|
var newContent = $(content).append(options.message)
|
|
|
|
|
|
|
|
var newContainer = $(container).append(newHead,newContent);
|
|
|
|
|
|
|
|
setTimeout(function () {
|
|
|
|
var timer;
|
|
|
|
function timeOut () {
|
|
|
|
$(newContainer).removeClass('active');
|
|
|
|
setTimeout(function () {
|
|
|
|
$(newContainer).remove();
|
|
|
|
}, 700)
|
|
|
|
};
|
|
|
|
timer = setTimeout(timeOut, options.duration);
|
|
|
|
var newTimes;
|
|
|
|
var times = Date.now();
|
|
|
|
$(newContainer).css({
|
|
|
|
'transition-timing-function':options.timingFun,
|
|
|
|
'width':options.width,
|
|
|
|
});
|
|
|
|
var height = $(newContainer).outerHeight(true);
|
|
|
|
var len = $('.ez_tips').size();
|
|
|
|
if (len >= 2) {
|
|
|
|
for (var i = 1; i < len; i++) {
|
|
|
|
if (!$('.ez_tips').hasClass('length1')) {
|
|
|
|
$(newContainer).css(lastDirection,options.firstSpace + 'px');
|
|
|
|
$(newContainer).addClass('active length1');
|
|
|
|
break;
|
|
|
|
} else if (!$('.ez_tips').hasClass('length'+ (i+1))) {
|
|
|
|
$(newContainer).css(lastDirection,i * height + options.space * i + options.firstSpace + 'px');
|
|
|
|
$(newContainer).addClass('active length'+(i+1));
|
|
|
|
break; // break一定要加,否则每次点击都会循环到结束,导致一个目标div可能同时有length1 length2.....等多个类名
|
|
|
|
}
|
|
|
|
}
|
|
|
|
} else {
|
|
|
|
$(newContainer).css(lastDirection,options.firstSpace + 'px');
|
|
|
|
$(newContainer).addClass('active length1');
|
|
|
|
}
|
|
|
|
$(newContainer).on('mouseenter', function (event) {
|
|
|
|
event.stopPropagation();
|
|
|
|
$(newHead).find('.close').addClass('active');
|
|
|
|
clearTimeout(timer);
|
|
|
|
newTimes = Date.now() - times;
|
|
|
|
});
|
|
|
|
$(newContainer).on('mouseleave', function (event) {
|
|
|
|
event.stopPropagation();
|
|
|
|
$(newHead).find('.close').removeClass('active');
|
|
|
|
timer = setTimeout(timeOut, options.duration - newTimes);
|
|
|
|
});
|
|
|
|
$(newHead).find('.close').click(function () {
|
|
|
|
$(newContainer).removeClass('active');
|
|
|
|
setTimeout(function () {
|
|
|
|
$(newContainer).remove();
|
|
|
|
},700)
|
|
|
|
});
|
|
|
|
if (options.action) {
|
|
|
|
$(newContent).css('cursor','pointer').on(options.type,options.action);
|
|
|
|
}
|
|
|
|
},1);
|
|
|
|
|
|
|
|
$(options.dom).append(newContainer);
|
|
|
|
} else {
|
|
|
|
}else{
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
|
...
|
...
|
@@ -111,4 +180,5 @@ layui.define(['layer', 'laytpl', 'form'], function (exports) { |
|
|
|
}
|
|
|
|
exports('msgTips', MsgTips);
|
|
|
|
layui.link('../../src/style/css/tips.css')
|
|
|
|
layui.link('../../src/style/css/tipsFault.css')
|
|
|
|
}) |
|
|
\ No newline at end of file |
...
|
...
|
|
