73 lines
2.1 KiB
JavaScript
73 lines
2.1 KiB
JavaScript
"use strict";
|
|
layui.define(["jquery"], function (exprots) {
|
|
|
|
var $ = layui.jquery;
|
|
|
|
function templateFun(options) {
|
|
return `<div id="okLoadering">
|
|
<div class="loader">
|
|
<div class="text">${options.content}</div>
|
|
<div class="horizontal">
|
|
<div class="circlesup">
|
|
<div class="circle"></div>
|
|
<div class="circle"></div>
|
|
<div class="circle"></div>
|
|
<div class="circle"></div>
|
|
<div class="circle"></div>
|
|
</div>
|
|
<div class="circlesdwn">
|
|
<div class="circle"></div>
|
|
<div class="circle"></div>
|
|
<div class="circle"></div>
|
|
<div class="circle"></div>
|
|
<div class="circle"></div>
|
|
</div>
|
|
</div>
|
|
<div class="vertical">
|
|
<div class="circlesup">
|
|
<div class="circle"></div>
|
|
<div class="circle"></div>
|
|
<div class="circle"></div>
|
|
<div class="circle"></div>
|
|
<div class="circle"></div>
|
|
</div>
|
|
<div class="circlesdwn">
|
|
<div class="circle"></div>
|
|
<div class="circle"></div>
|
|
<div class="circle"></div>
|
|
<div class="circle"></div>
|
|
<div class="circle"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>`
|
|
}
|
|
|
|
function headerInit(content, options) {
|
|
options = options || {};
|
|
if (typeof content == "string") {
|
|
options["content"] = content || "ok-admin...";
|
|
} else if (typeof content == "object") {
|
|
options = content;
|
|
}
|
|
options.time = options.time || 1000;
|
|
options.content = options.content || "ok-admin...";
|
|
return options;
|
|
}
|
|
|
|
var okLoading = function (content, options, dom) {
|
|
dom = dom || $("body");
|
|
var options = headerInit(content, options);
|
|
var template = templateFun(options);
|
|
$(dom).append(template);
|
|
$(dom).find('#okLoadering').delay(options.time).animate({
|
|
opacity: 0
|
|
}, 1000, "linear", function () {
|
|
$(dom).find("#okLoadering").remove();
|
|
});
|
|
/*$('#okLoadering').delay(options.time).hide(1000,"linear",function () {
|
|
console.log("执行完成");
|
|
});*/
|
|
};
|
|
exprots("okLoading", okLoading);
|
|
}); |