WebContent/lib/loading/okLoading.js

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

var ok_load_options = {
	time: 2000,
	content: "正在拼命加载中..."
};
!function (content, options) {
	function templateFun(options) {
		return `<div class="ok-loading">
	    <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 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_load_options.content;
		} else if (typeof content == "object") {
			options = content;
		}
		options.time = options.time || ok_load_options.time;
		options.content = options.content || ok_load_options.content;
		return options;
	}

	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.getElementsByClassName("ok-loading")[0];
		if ($) {
			$(dom).delay(time).animate({
				opacity: 0
			}, 1000, "linear", function () {
				$(dom).remove();
			});
		} else {
			var setTime1 = setTimeout(function () {
				clearTimeout(setTime1);
				dom.classList.add("close");
				var setTime2 = setTimeout(function () {
					clearTimeout(setTime2);
					dom.parentNode.removeChild(dom);/**删除当前节点*/