setting: okLoading

master
hello 2019-11-08 15:28:28 +08:00
parent 4ec06f4899
commit e487cb2b0a
1 changed files with 24 additions and 22 deletions

View File

@ -1,10 +1,10 @@
"use strict";
layui.define(["jquery"], function (exprots) {
var $ = layui.jquery;
var ok_load_options = {
time: 1000,
content: "ok-admin..."
};
!function (content, options) {
function templateFun(options) {
return `<div id="okLoadering">
return `<div class="ok-loading">
<div class="loader">
<div class="text">${options.content}</div>
<div class="horizontal">
@ -46,28 +46,30 @@ layui.define(["jquery"], function (exprots) {
function headerInit(content, options) {
options = options || {};
if (typeof content == "string") {
options["content"] = content || "ok-admin...";
options["content"] = content || ok_load_options.content;
} else if (typeof content == "object") {
options = content;
}
options.time = options.time || 1000;
options.content = options.content || "ok-admin...";
options.time = options.time || ok_load_options.time;
options.content = options.content || ok_load_options.content;
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({
ok_load_options = headerInit(content, options);
var template = templateFun(ok_load_options);
document.writeln(template);
}();
var okLoading = {
close: function ($, time, dom) {
time = time || ok_load_options.time;
dom = dom || document.getElementsByTagName("body")[0];
$(dom).find('.ok-loading').delay(time).animate({
opacity: 0
}, 1000, "linear", function () {
$(dom).find("#okLoadering").remove();
$(dom).find(".ok-loading").remove();
});
/*$('#okLoadering').delay(options.time).hide(1000,"linear",function () {
console.log("执行完成");
});*/
};
exprots("okLoading", okLoading);
});
}
};