83 lines
2.3 KiB
JavaScript
83 lines
2.3 KiB
JavaScript
"use strict";
|
|
layui.define(["jquery"], function (exprots) {
|
|
function loadCsstFile(filePath) {
|
|
var link = document.createElement("link");
|
|
link.type = "text/css";
|
|
link.rel = "stylesheet";
|
|
link.href = filePath || "/lib/layui/css/okmodules/okLoading.css";
|
|
document.head.appendChild(link);
|
|
}
|
|
loadCsstFile();
|
|
|
|
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 || 2000;
|
|
options.content = options.content || "ok-admin...";
|
|
return options;
|
|
}
|
|
|
|
var okLoading = function (content, options) {
|
|
var html = $(template);
|
|
var options = headerInit(content, options);
|
|
var template = templateFun(options);
|
|
|
|
$("body").append(template);
|
|
|
|
$('#okLoadering').delay(options.time).animate({
|
|
opacity: 0
|
|
}, 1000, "linear", function () {
|
|
$("#okLoadering").remove();
|
|
});
|
|
/*$('#okLoadering').delay(options.time).hide(1000,"linear",function () {
|
|
console.log("执行完成");
|
|
});*/
|
|
};
|
|
exprots("okLoading", okLoading);
|
|
}); |