<!DOCTYPE html>
|
<html lang="">
|
<head>
|
<meta charset="utf-8" />
|
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
|
<meta http-equiv="Pragma" content="no-cache" />
|
<meta http-equiv="Expires" content="0" />
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
<meta http-equiv="x-dns-prefetch-control" content="on" />
|
<meta name="renderer" content="webkit" />
|
<meta
|
name="viewport"
|
content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover"
|
/>
|
<link rel="dns-prefetch" href="//syycdn.dongchali.net" />
|
<link rel="stylesheet" href="//s1.hdslb.com/bfs/static/jinkela/long/font/medium.css" />
|
<link rel="stylesheet" href="//s1.hdslb.com/bfs/static/jinkela/long/font/regular.css" />
|
<title>后台管理平台</title>
|
<style>
|
body {
|
margin: 0 auto;
|
}
|
.index-loading {
|
z-index: 2147483647;
|
background-color: transparent;
|
width: 100vw;
|
height: 100vh;
|
display: flex;
|
justify-content: center;
|
align-items: center;
|
}
|
|
.gk-loading {
|
display: flex;
|
justify-content: center;
|
flex-direction: column;
|
align-items: center;
|
word-wrap: break-word;
|
text-align: center;
|
color: #fff;
|
}
|
.gk-loading .gk-loading-spinner {
|
animation: circle-rotator 1.4s linear infinite;
|
}
|
.gk-loading .gk-loading-path {
|
stroke-dasharray: 187;
|
stroke-dashoffset: 0;
|
transform-origin: center;
|
-webkit-animation: circle-dash 1.4s ease-in-out infinite;
|
animation: circle-dash 1.4s ease-in-out infinite;
|
}
|
.gk-loading .gk-loading-spinner * {
|
line-height: 0;
|
box-sizing: border-box;
|
}
|
.blue-loading {
|
stroke: #1458d4;
|
}
|
@keyframes circle-rotator {
|
0% {
|
transform: rotate(0);
|
}
|
|
100% {
|
transform: rotate(270deg);
|
}
|
}
|
@keyframes circle-dash {
|
0% {
|
stroke-dashoffset: 187;
|
}
|
50% {
|
stroke-dashoffset: 46.75;
|
transform: rotate(135deg);
|
}
|
100% {
|
stroke-dashoffset: 187;
|
transform: rotate(450deg);
|
}
|
}
|
</style>
|
</head>
|
<body>
|
<noscript>
|
<strong
|
>We're sorry but doesn't work properly without JavaScript enabled. Please enable it to continue.</strong
|
>
|
</noscript>
|
<div id="index-loading" class="index-loading">
|
<div class="gk-loading">
|
<svg
|
viewBox="0 0 66 66"
|
xmlns="http://www.w3.org/2000/svg"
|
class="gk-loading-spinner"
|
style="width: 40px; height: 40px"
|
>
|
<circle
|
fill="none"
|
stroke-width="6"
|
stroke-linecap="round"
|
cx="33"
|
cy="33"
|
r="30"
|
class="gk-loading-path blue-loading"
|
></circle>
|
</svg>
|
</div>
|
</div>
|
<div id="app" style="height: 100%"></div>
|
<script type="module" src="/src/main.ts"></script>
|
<!-- built files will be auto injected -->
|
</body>
|
</html>
|
