add: loading

master
zhizous 2019-11-08 00:58:19 +08:00
parent 086390593e
commit 25bfb92a54
5 changed files with 877 additions and 416 deletions

View File

@ -1,430 +1,436 @@
[
{
"title": "控制台",
"href": "pages/console.html",
{
"title": "控制台",
"href": "pages/console.html",
"fontFamily": "ok-icon",
"icon": "",
"spread": true,
"isCheck": true
},
{
"title": "测试",
"href": "pages/help/test.html",
"fontFamily": "ok-icon",
"icon": ""
},
{
"title": "控制台示例",
"href": "",
"fontFamily": "ok-icon",
"icon": "",
"children": [
{
"title": "控制台一",
"href": "pages/console1.html",
"icon": ""
}
]
},
{
"title": "会员管理",
"href": "",
"icon": "",
"spread": false,
"children": [
{
"title": "用户列表",
"href": "pages/member/user.html",
"fontFamily": "layui-icon",
"icon": "",
"spread": false
},
{
"title": "角色列表",
"href": "pages/member/role.html",
"icon": "",
"spread": false
},
{
"title": "权限列表",
"href": "pages/member/permission.html",
"icon": "",
"spread": false
}
]
},
{
"title": "图表管理",
"href": "",
"icon": "",
"spread": false,
"children": [
{
"title": "地图",
"fontFamily": "ok-icon",
"icon": "",
"spread": true,
"isCheck": true
},
{
"title": "控制台示例",
"href": "",
"icon": "",
"spread": false,
"children": [
{
"title": "中国地图",
"href": "pages/chart/chart-china.html",
"icon": "",
"spread": false
},
{
"title": "区域地图",
"href": "pages/chart/chart-area.html",
"icon": "",
"spread": false
}
]
},
{
"title": "数据图",
"fontFamily": "ok-icon",
"icon": "",
"icon": "ok-icon-shuju1",
"spread": false,
"children": [
{
"title": "控制台一",
"href": "pages/console1.html",
"icon": ""
}
{
"title": "统计图",
"href": "pages/chart/chart1.html",
"icon": "",
"spread": false
},
{
"title": "折线图",
"href": "pages/chart/chart2.html",
"icon": "",
"spread": false
},
{
"title": "馅饼图",
"href": "pages/chart/chart4.html",
"icon": "",
"spread": false
},
{
"title": "圆形图",
"href": "pages/chart/chart5.html",
"icon": "",
"spread": false
},
{
"title": "指数图",
"href": "pages/chart/chart6.html",
"icon": "",
"spread": false
}
]
},
{
"title": "会员管理",
}
]
},
{
"title": "常用页面",
"href": "",
"icon": "",
"spread": false,
"children": [
{
"title": "文章列表",
"href": "pages/often/article.html",
"icon": "",
"spread": false
},
{
"title": "留言列表",
"href": "pages/often/message.html",
"icon": "",
"spread": false
},
{
"title": "产品列表",
"href": "pages/often/product.html",
"icon": "",
"spread": false
},
{
"title": "下载列表",
"href": "pages/often/download.html",
"icon": "",
"spread": false
},
{
"title": "链接列表",
"href": "pages/often/link.html",
"icon": "",
"spread": false
},
{
"title": "任务列表",
"href": "pages/often/task.html",
"icon": "",
"spread": false
},
{
"title": "图片列表",
"href": "pages/often/image.html",
"icon": "",
"spread": false
},
{
"title": "帖子列表",
"href": "pages/often/bbs.html",
"icon": "",
"spread": false
}
]
},
{
"title": "系统管理",
"href": "",
"fontFamily": "ok-icon",
"icon": "",
"spread": false,
"children": [
{
"title": "系统设置",
"href": "pages/system/setup.html",
"icon": "",
"spread": false
},
{
"title": "日志列表",
"href": "pages/system/log.html",
"icon": "",
"spread": false
},
{
"title": "屏蔽词",
"href": "pages/system/shield.html",
"icon": "",
"spread": false
},
{
"title": "登录页面",
"href": "pages/login.html",
"icon": "",
"spread": false,
"target": "_blank"
},
{
"title": "403页面",
"href": "pages/system/403.html",
"icon": "",
"spread": false
},
{
"title": "404页面",
"href": "pages/system/404.html",
"icon": "",
"spread": false
},
{
"title": "500页面",
"href": "pages/system/500.html",
"icon": "",
"spread": false
}
]
},
{
"title": "文本编辑",
"href": "",
"icon": "",
"spread": false,
"children": [
{
"title": "Neditor",
"href": "pages/txtedit/Neditor.html",
"icon": "",
"spread": false
},
{
"title": "wangEditor",
"href": "pages/txtedit/wangEditor.html",
"icon": "",
"spread": false
},
{
"title": "CKEditor",
"href": "pages/txtedit/CKEditor.html",
"icon": "",
"spread": false
},
{
"title": "layedit",
"href": "pages/txtedit/layedit.html",
"icon": "",
"spread": false
}
]
},
{
"title": "数据表格",
"href": "",
"icon": "",
"spread": false,
"children": [
{
"title": "Datatables",
"href": "pages/datatable/datatables.html",
"icon": "",
"spread": false
},
{
"title": "bsgrid",
"href": "pages/datatable/bsgrid.html",
"icon": "",
"spread": false
}
]
},
{
"title": "多级导航",
"fontFamily": "ok-icon",
"icon": "",
"spread": false,
"children": [
{
"title": "购物网站",
"href": "",
"icon": "",
"icon": "",
"spread": false,
"children": [
{
"title": "用户列表",
"href": "pages/member/user.html",
"fontFamily": "layui-icon",
"icon": "",
{
"title": "京东",
"href": "https://www.jd.com",
"icon": "",
"spread": false
},
{
"title": "苏宁",
"href": "https://www.suning.com",
"icon": "",
"spread": false
},
{
"title": "阿里",
"href": "",
"icon": "",
"spread": false,
"children": [
{
"title": "淘宝",
"href": "https://www.taobao.com",
"icon": "",
"spread": false
},
{
"title": "角色列表",
"href": "pages/member/role.html",
"icon": "",
"spread": false
},
{
"title": "权限列表",
"href": "pages/member/permission.html",
"icon": "",
"spread": false
}
]
},
{
"title": "图表管理",
"href": "",
"icon": "",
"spread": false,
"children": [
{
"title": "地图",
"fontFamily": "ok-icon",
"icon": "",
"spread": false,
"children": [
{
"title": "中国地图",
"href": "pages/chart/chart-china.html",
"icon": "",
"spread": false
},
{
"title": "区域地图",
"href": "pages/chart/chart-area.html",
"icon": "",
"spread": false
}
]
},
{
"title": "数据图",
"fontFamily": "ok-icon",
"icon": "ok-icon-shuju1",
"spread": false,
"children": [
{
"title": "统计图",
"href": "pages/chart/chart1.html",
"icon": "",
"spread": false
},
{
"title": "折线图",
"href": "pages/chart/chart2.html",
"icon": "",
"spread": false
},
{
"title": "馅饼图",
"href": "pages/chart/chart4.html",
"icon": "",
"spread": false
},
{
"title": "圆形图",
"href": "pages/chart/chart5.html",
"icon": "",
"spread": false
},
{
"title": "指数图",
"href": "pages/chart/chart6.html",
"icon": "",
"spread": false
}
]
}
]
},
{
"title": "常用页面",
"href": "",
"icon": "",
"spread": false,
"children": [
{
"title": "文章列表",
"href": "pages/often/article.html",
"icon": "",
"spread": false
},
{
"title": "留言列表",
"href": "pages/often/message.html",
"icon": "",
"spread": false
},
{
"title": "产品列表",
"href": "pages/often/product.html",
"icon": "",
"spread": false
},
{
"title": "下载列表",
"href": "pages/often/download.html",
"icon": "",
"spread": false
},
{
"title": "链接列表",
"href": "pages/often/link.html",
"icon": "",
"spread": false
},
{
"title": "任务列表",
"href": "pages/often/task.html",
"icon": "",
"spread": false
},
{
"title": "图片列表",
"href": "pages/often/image.html",
"icon": "",
"spread": false
},
{
"title": "帖子列表",
"href": "pages/often/bbs.html",
"icon": "",
"spread": false
}
]
},
{
"title": "系统管理",
"href": "",
"fontFamily": "ok-icon",
"icon": "",
"spread": false,
"children": [
{
"title": "系统设置",
"href": "pages/system/setup.html",
"icon": "",
"spread": false
},
{
"title": "日志列表",
"href": "pages/system/log.html",
"icon": "",
"spread": false
},
{
"title": "屏蔽词",
"href": "pages/system/shield.html",
"icon": "",
"spread": false
},
{
"title": "登录页面",
"href": "pages/login.html",
"icon": "",
"spread": false,
"target": "_blank"
},
{
"title": "403页面",
"href": "pages/system/403.html",
"icon": "",
"spread": false
},
{
"title": "404页面",
"href": "pages/system/404.html",
"icon": "",
"spread": false
},
{
"title": "500页面",
"href": "pages/system/500.html",
"icon": "",
"spread": false
}
]
},
{
"title": "文本编辑",
"href": "",
"icon": "",
"spread": false,
"children": [
{
"title": "Neditor",
"href": "pages/txtedit/Neditor.html",
"icon": "",
"spread": false
},
{
"title": "wangEditor",
"href": "pages/txtedit/wangEditor.html",
"icon": "",
"spread": false
},
{
"title": "CKEditor",
"href": "pages/txtedit/CKEditor.html",
"icon": "",
"spread": false
},
{
"title": "layedit",
"href": "pages/txtedit/layedit.html",
"icon": "",
"spread": false
}
]
},
{
"title": "数据表格",
"href": "",
"icon": "",
"spread": false,
"children": [
{
"title": "Datatables",
"href": "pages/datatable/datatables.html",
"icon": "",
"spread": false
},
{
"title": "bsgrid",
"href": "pages/datatable/bsgrid.html",
"icon": "",
"spread": false
}
]
},
{
"title": "多级导航",
"fontFamily": "ok-icon",
"icon": "",
"spread": false,
"children": [
{
"title": "购物网站",
"href": "",
},
{
"title": "天猫",
"href": "https://www.tmall.com",
"icon": "",
"spread": false,
"children": [
{
"title": "京东",
"href": "https://www.jd.com",
"icon": "",
"spread": false
},
{
"title": "苏宁",
"href": "https://www.suning.com",
"icon": "",
"spread": false
},
{
"title": "阿里",
"href": "",
"icon": "",
"spread": false,
"children": [
{
"title": "淘宝",
"href": "https://www.taobao.com",
"icon": "",
"spread": false
},
{
"title": "天猫",
"href": "https://www.tmall.com",
"icon": "",
"spread": false,
"children": [
{
"title": "天猫超市",
"href": "https://chaoshi.tmall.com",
"icon": "",
"spread": false
},
{
"title": "天猫电器",
"href": "https://3c.tmall.com",
"icon": "",
"spread": false
}
]
}
]
}
{
"title": "天猫超市",
"href": "https://chaoshi.tmall.com",
"icon": "",
"spread": false
},
{
"title": "天猫电器",
"href": "https://3c.tmall.com",
"icon": "",
"spread": false
}
]
}
}
]
}
]
},
{
"title": "框架使用",
"fontFamily": "ok-icon",
"icon": "ok-icon-yooxi",
"spread": false,
"children": [
{
"title": "字体图标",
"href": "pages/help/ok_font.html",
"icon": "",
"spread": false
},
{
"title": "插件目录",
"href": "pages/help/plug_directory.html",
"icon": "",
"spread": false
},
{
"title": "内部添加导航",
"href": "pages/help/nav_operate.html",
"icon": "",
"spread": false
},
{
"title": "导航的图标",
"href": "pages/help/nav_icon.html",
"icon": "",
"spread": false
},
{
"title": "导航的参数",
"href": "pages/help/nav_parameter.html",
"icon": "",
"spread": false
},
{
"title": "okUtils",
"href": "pages/help/okUtils.html",
"icon": "",
"spread": false
},
{
"title": "okLayer",
"href": "pages/help/okLayer.html",
"icon": "",
"spread": false
}
]
},
{
"title": "第三方库",
"icon": "",
"children": [
{
"title": "jquery.okQrcode.js",
"href": "pages/tripartite/qrcode.html"
},
{
"title": "jquery.okCountup.js",
"href": "pages/tripartite/countup.html"
},
{
"title": "okCookie",
"href": "pages/tripartite/okCookie.html"
},
{
"title": "okToastr",
"href": "pages/tripartite/okToastr.html"
},
{
"title": "okMd5",
"href": "pages/tripartite/okMd5.html"
},
{
"title": "okBarcode",
"href": "pages/tripartite/okBarcode.html"
},
{
"title": "okNprogress",
"href": "pages/tripartite/okNprogress.html"
},
{
"title": "okSweetAlert2",
"href": "pages/tripartite/okSweetAlert2.html"
},
{
"title": "okAnimate",
"href": "pages/tripartite/okAnimate.html"
}
]
}
}
]
},
{
"title": "框架使用",
"fontFamily": "ok-icon",
"icon": "ok-icon-yooxi",
"spread": false,
"children": [
{
"title": "字体图标",
"href": "pages/help/ok_font.html",
"icon": "",
"spread": false
},
{
"title": "插件目录",
"href": "pages/help/plug_directory.html",
"icon": "",
"spread": false
},
{
"title": "内部添加导航",
"href": "pages/help/nav_operate.html",
"icon": "",
"spread": false
},
{
"title": "导航的图标",
"href": "pages/help/nav_icon.html",
"icon": "",
"spread": false
},
{
"title": "导航的参数",
"href": "pages/help/nav_parameter.html",
"icon": "",
"spread": false
},
{
"title": "okUtils",
"href": "pages/help/okUtils.html",
"icon": "",
"spread": false
},
{
"title": "okLayer",
"href": "pages/help/okLayer.html",
"icon": "",
"spread": false
}
]
},
{
"title": "第三方库",
"icon": "",
"children": [
{
"title": "jquery.okQrcode.js",
"href": "pages/tripartite/qrcode.html"
},
{
"title": "jquery.okCountup.js",
"href": "pages/tripartite/countup.html"
},
{
"title": "okCookie",
"href": "pages/tripartite/okCookie.html"
},
{
"title": "okToastr",
"href": "pages/tripartite/okToastr.html"
},
{
"title": "okMd5",
"href": "pages/tripartite/okMd5.html"
},
{
"title": "okBarcode",
"href": "pages/tripartite/okBarcode.html"
},
{
"title": "okNprogress",
"href": "pages/tripartite/okNprogress.html"
},
{
"title": "okSweetAlert2",
"href": "pages/tripartite/okSweetAlert2.html"
},
{
"title": "okAnimate",
"href": "pages/tripartite/okAnimate.html"
}
]
}
]

View File

@ -0,0 +1,316 @@
#okLoadering {
background: #fbfbfb;
color:#333333;
font-size:100%;
margin:0;
padding:0;
position: fixed;
top:0;
left: 0;
right: 0;
bottom: 0;
z-index: 999;
}
.loader {
position:absolute;
top:50%;
left:50%;
-webkit-transform:translate(-50%, -50%);
-moz-transform:translate(-50%, -50%);
-mos-transform:translate(-50%, -50%);
-o-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
text-align:center;
-webkit-touch-callout:none;
-webkit-user-select:none;
-khtml-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
cursor:default
}
.text {
position:absolute;
left:-1.3em;
top:-1.7em;
white-space: nowrap;
-webkit-animation:text 2s infinite;
-moz-animation:text 2s infinite;
-moz-animation:text 2s infinite;
-ms-animation:text 2s infinite;
-o-animation:text 2s infinite;
animation:text 2s infinite
}
.vertical {
position:absolute;
top:-1.84em;
left:-.4em;
-webkit-transform:rotate(90deg);
-moz-transform:rotate(90deg);
-ms-transform:rotate(90deg);
-o-transform:rotate(90deg);
transform:rotate(90deg)
}
.horizontal {
position:absolute;
top:0;
left:0;
-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-ms-transform:rotate(0deg);
-o-transform:rotate(0deg);
transform:rotate(0deg)
}
.circlesup {
position:absolute;
top:-4.7em;
right:12.1em
}
.circlesdwn {
position:absolute;
top:2.5em;
right:-13.5em;
-webkit-transform:rotate(180deg);
-moz-transform:rotate(180deg);
-ms-transform:rotate(180deg);
-o-transform:rotate(180deg);
transform:rotate(180deg)
}
.circle {
position:absolute;
width:15em;
height:15em;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
-webkit-animation:orbit 2s infinite;
-moz-animation:orbit 2s infinite;
-moz-animation:orbit 2s infinite;
-ms-animation:orbit 2s infinite;
-o-animation:orbit 2s infinite;
animation:orbit 2s infinite;
z-index:5
}
.circle:after {
content:'';
position:absolute;
width:2em;
height:2em;
-webkit-border-radius:100%;
-moz-border-radius:100%;
-ms-border-radius:100%;
-o-border-radius:100%;
border-radius:100%;
background:#13a3a5
}
.circle:nth-child(2) {
-webkit-animation-delay:100ms;
-moz-animation-delay:100ms;
-ms-animation-delay:100ms;
-o-animation-delay:100ms;
animation-delay:100ms;
z-index:4
}
.circle:nth-child(2):after {
background:#56bebf;
-webkit-transform:scale(.8, .8);
-moz-transform:scale(.8, .8);
-ms-transform:scale(.8, .8);
-o-transform:scale(.8, .8);
transform:scale(.8, .8)
}
.circle:nth-child(3) {
-webkit-animation-delay:225ms;
-moz-animation-delay:225ms;
-ms-animation-delay:225ms;
-o-animation-delay:225ms;
animation-delay:225ms;
z-index:3
}
.circle:nth-child(3):after {
background:#ffa489;
-webkit-transform:scale(.6, .6);
-moz-transform:scale(.6, .6);
-ms-transform:scale(.6, .6);
-o-transform:scale(.6, .6);
transform:scale(.6, .6)
}
.circle:nth-child(4) {
-webkit-animation-delay:350ms;
-moz-animation-delay:350ms;
-ms-animation-delay:350ms;
-o-animation-delay:350ms;
animation-delay:350ms;
z-index:2
}
.circle:nth-child(4):after {
background:#ff6d37;
-webkit-transform:scale(.4, .4);
-moz-transform:scale(.4, .4);
-ms-transform:scale(.4, .4);
-o-transform:scale(.4, .4);
transform:scale(.4, .4)
}
.circle:nth-child(5) {
-webkit-animation-delay:475ms;
-moz-animation-delay:475ms;
-ms-animation-delay:475ms;
-o-animation-delay:475ms;
animation-delay:475ms;
z-index:1
}
.circle:nth-child(5):after {
background:#db2f00;
-webkit-transform:scale(.2, .2);
-moz-transform:scale(.2, .2);
-ms-transform:scale(.2, .2);
-o-transform:scale(.2, .2);
transform:scale(.2, .2)
}
@-webkit-keyframes orbit {
0% {
-webkit-transform:rotate(45deg)
}
5% {
-webkit-transform:rotate(45deg);
-webkit-animation-timing-function:ease-out
}
70% {
-webkit-transform:rotate(405deg);
-webkit-animation-timing-function:ease-in
}
100% {
-webkit-transform:rotate(405deg)
}
}
@-moz-keyframes orbit {
0% {
-moz-transform:rotate(45deg)
}
5% {
-moz-transform:rotate(45deg);
-moz-animation-timing-function:ease-out
}
70% {
-moz-transform:rotate(405deg);
-moz-animation-timing-function:ease-in
}
100% {
-moz-transform:rotate(405deg)
}
}
@-ms-keyframes orbit {
0% {
-ms-transform:rotate(45deg)
}
5% {
-ms-transform:rotate(45deg);
-ms-animation-timing-function:ease-out
}
70% {
-ms-transform:rotate(405deg);
-ms-animation-timing-function:ease-in
}
100% {
-ms-transform:rotate(405deg)
}
}
@-o-keyframes orbit {
0% {
-o-transform:rotate(45deg)
}
5% {
-o-transform:rotate(45deg);
-o-animation-timing-function:ease-out
}
70% {
-o-transform:rotate(405deg);
-o-animation-timing-function:ease-in
}
100% {
-o-transform:rotate(405deg)
}
}
@keyframes orbit {
0% {
transform:rotate(45deg)
}
5% {
transform:rotate(45deg);
animation-timing-function:ease-out
}
70% {
transform:rotate(405deg);
animation-timing-function:ease-in
}
100% {
transform:rotate(405deg)
}
}
@-webkit-keyframes text {
0% {
-webkit-transform:scale(.2, .2);
-webkit-animation-timing-function:ease-out
}
40%, 60% {
-webkit-transform:scale(1, 1);
-webkit-animation-timing-function:ease-out
}
70%, 100% {
-webkit-transform:scale(.2, .2)
}
}
@-moz-keyframes text {
0% {
-moz-transform:scale(.2, .2);
-moz-animation-timing-function:ease-out
}
50% {
-moz-transform:scale(1, 1);
-moz-animation-timing-function:ease-out
}
60% {
-moz-transform:scale(1, 1);
-moz-animation-timing-function:ease-out
}
100% {
-moz-transform:scale(.2, .2)
}
}
@-o-keyframes text {
0% {
-o-transform:scale(.2, .2);
-o-animation-timing-function:ease-out
}
50% {
-o-transform:scale(1, 1);
-o-animation-timing-function:ease-out
}
60% {
-o-transform:scale(1, 1);
-o-animation-timing-function:ease-out
}
100% {
-o-transform:scale(.2, .2)
}
}
@keyframes text {
0% {
transform:scale(.2, .2);
animation-timing-function:ease-out
}
50% {
transform:scale(1, 1);
animation-timing-function:ease-out
}
60% {
transform:scale(1, 1);
animation-timing-function:ease-out
}
100% {
transform:scale(.2, .2)
}
}

View File

@ -0,0 +1,83 @@
"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);
});

View File

@ -41,7 +41,8 @@ if (!Object.assign) {
"okToastr": "okmodules/okToastr",
"okBarcode": "okmodules/okBarcode",
"okNprogress": "okmodules/okNprogress",
"okSweetAlert2": "okmodules/okSweetAlert2",
"okSweetAlert2": "okmodules/okSweetAlert2",
"okLoading": "okmodules/okLoading",
};
var modulePath = Object.assign({
layer: "modules/layer",

55
pages/help/test.html Normal file
View File

@ -0,0 +1,55 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!-- <link rel="stylesheet" href="../../lib/layui/css/okmodules/okLoading.css"/>-->
</head>
<body>
dsafasdf
<!--<div id="okLoadering">
<div class="loader">
<div class="text">ok-admin...</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>-->
</body>
</html>
<script src="../../lib/layui/layui.js"></script>
<script type="text/javascript">
layui.use(["okLoading"], function () {
let okLoading = layui.okLoading;
okLoading();
});
</script>