ee50aa6f01
Former-commit-id: 6e671aaca6c896a61bed6496bfbe2459c850dcc6 [formerly 6e671aaca6c896a61bed6496bfbe2459c850dcc6 [formerly 6e671aaca6c896a61bed6496bfbe2459c850dcc6 [formerly 6e671aaca6c896a61bed6496bfbe2459c850dcc6 [formerly ce3408d026ea20862b24bfab9854a3d2239eed21 [formerly d3956c55c0c9b45d895e12861441781a5fbdfef3]]]]] Former-commit-id: 76bd3ed9b6cc4ca6b81cd915029c11c7bf63ca24 Former-commit-id: 4ddadba90d6172e49a923754e0a5bac52fe7c278 Former-commit-id: ca3e9836c1dab942a93b292f4b2d2e729e6c6796 [formerly 3bca196a8abffe8ff9320b5b65e3834551f1ae87] Former-commit-id: 090931b61eb1ce10a807c1593f4ac533af63fd26 Former-commit-id: 50a98c72603cc22cd2e5bd613a2f8bf63eeb1e35 Former-commit-id: fbe8734c59060757f176298cba3069db4f51f44c Former-commit-id: 6b8561cfa8cc70d110609e1f1faf523552e18f76 Former-commit-id: 7665c622703492e38e25d3f9a43287b71a7153a1
129 lines
4.4 KiB
HTML
Executable File
129 lines
4.4 KiB
HTML
Executable File
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width,initial-scale=1.0">
|
|
<link rel="shortcut icon" type="image/ico" href="/static/icon.ico" />
|
|
<title>D2Admin</title>
|
|
<style>
|
|
html, body, #app {
|
|
height: 100%;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
}
|
|
.d2-app-loading-group {
|
|
height: 100%;
|
|
width: 100%;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
flex-direction: column;
|
|
/* background: #8e9eab;
|
|
background: -webkit-linear-gradient(to right, #eef2f3, #8e9eab);
|
|
background: linear-gradient(to right, #eef2f3, #8e9eab); */
|
|
/* background: #4b6cb7;
|
|
background: -webkit-linear-gradient(to right, #182848, #4b6cb7);
|
|
background: linear-gradient(to right, #182848, #4b6cb7); */
|
|
background: #757F9A;
|
|
background: -webkit-linear-gradient(to top, #D7DDE8, #757F9A);
|
|
background: linear-gradient(to top, #D7DDE8, #757F9A);
|
|
}
|
|
.d2-app-loading-title {
|
|
color: #FFF;
|
|
font-weight: bold;
|
|
font-size: 14px;
|
|
margin-top: 40px;
|
|
margin-bottom: 10px;
|
|
letter-spacing: 0.2em;
|
|
}
|
|
.d2-app-loading-sub-title {
|
|
color: #FFF;
|
|
font-size: 10px;
|
|
}
|
|
.d2-app-loading-grid {
|
|
width: 30px;
|
|
height: 30px;
|
|
}
|
|
|
|
.d2-app-loading-grid .d2-app-loading {
|
|
width: 10px;
|
|
height: 10px;
|
|
background-color: #FFF;
|
|
float: left;
|
|
-webkit-animation: d2-app-loading-grid-scale-delay 1.3s infinite ease-in-out;
|
|
animation: d2-app-loading-grid-scale-delay 1.3s infinite ease-in-out;
|
|
}
|
|
.d2-app-loading-grid .d2-app-loading1 {
|
|
border-top-left-radius: 4px;
|
|
-webkit-animation-delay: 0.2s;
|
|
animation-delay: 0.2s; }
|
|
.d2-app-loading-grid .d2-app-loading2 {
|
|
-webkit-animation-delay: 0.3s;
|
|
animation-delay: 0.3s; }
|
|
.d2-app-loading-grid .d2-app-loading3 {
|
|
border-top-right-radius: 4px;
|
|
-webkit-animation-delay: 0.4s;
|
|
animation-delay: 0.4s; }
|
|
.d2-app-loading-grid .d2-app-loading4 {
|
|
-webkit-animation-delay: 0.1s;
|
|
animation-delay: 0.1s; }
|
|
.d2-app-loading-grid .d2-app-loading5 {
|
|
-webkit-animation-delay: 0.2s;
|
|
animation-delay: 0.2s; }
|
|
.d2-app-loading-grid .d2-app-loading6 {
|
|
-webkit-animation-delay: 0.3s;
|
|
animation-delay: 0.3s; }
|
|
.d2-app-loading-grid .d2-app-loading7 {
|
|
border-bottom-left-radius: 4px;
|
|
-webkit-animation-delay: 0s;
|
|
animation-delay: 0s; }
|
|
.d2-app-loading-grid .d2-app-loading8 {
|
|
-webkit-animation-delay: 0.1s;
|
|
animation-delay: 0.1s; }
|
|
.d2-app-loading-grid .d2-app-loading9 {
|
|
border-bottom-right-radius: 4px;
|
|
-webkit-animation-delay: 0.2s;
|
|
animation-delay: 0.2s; }
|
|
|
|
@-webkit-keyframes d2-app-loading-grid-scale-delay {
|
|
0%, 70%, 100% {
|
|
-webkit-transform: scale3D(1, 1, 1);
|
|
transform: scale3D(1, 1, 1);
|
|
} 35% {
|
|
-webkit-transform: scale3D(0, 0, 1);
|
|
transform: scale3D(0, 0, 1);
|
|
}
|
|
}
|
|
|
|
@keyframes d2-app-loading-grid-scale-delay {
|
|
0%, 70%, 100% {
|
|
-webkit-transform: scale3D(1, 1, 1);
|
|
transform: scale3D(1, 1, 1);
|
|
} 35% {
|
|
-webkit-transform: scale3D(0, 0, 1);
|
|
transform: scale3D(0, 0, 1);
|
|
}
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="app">
|
|
<div class="d2-app-loading-group">
|
|
<div class="d2-app-loading-grid">
|
|
<div class="d2-app-loading d2-app-loading1"></div>
|
|
<div class="d2-app-loading d2-app-loading2"></div>
|
|
<div class="d2-app-loading d2-app-loading3"></div>
|
|
<div class="d2-app-loading d2-app-loading4"></div>
|
|
<div class="d2-app-loading d2-app-loading5"></div>
|
|
<div class="d2-app-loading d2-app-loading6"></div>
|
|
<div class="d2-app-loading d2-app-loading7"></div>
|
|
<div class="d2-app-loading d2-app-loading8"></div>
|
|
<div class="d2-app-loading d2-app-loading9"></div>
|
|
</div>
|
|
<div class="d2-app-loading-title">加载中</div>
|
|
<div class="d2-app-loading-sub-title">初次加载会比较慢，请耐心等待</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|