139 lines
5.7 KiB
HTML
139 lines
5.7 KiB
HTML
<!DOCTYPE html><html lang=""><head><meta charset="utf-8"><meta content="IE=edge" http-equiv="X-UA-Compatible"><meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0" name="viewport"><link href="favicon.ico" rel="icon"><title>校外人员入校审核</title><style>html, body {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
* {
|
|
box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
}</style><style>.loading {
|
|
width: 100vw;
|
|
height: 100vh;
|
|
display: flex;
|
|
font-size: 13px;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.loading-tips {
|
|
height: 20px;
|
|
line-height: 20px;
|
|
color: #3a3a3a;
|
|
}
|
|
|
|
.loading-container {
|
|
width: 100px;
|
|
height: 100px;
|
|
animation: rotate-move 2s ease-in-out infinite;
|
|
}
|
|
|
|
.loading-container-dot {
|
|
width: 24px;
|
|
height: 24px;
|
|
border-radius: 50%;
|
|
background-color: #000;
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
margin: auto;
|
|
}
|
|
|
|
.dot-3 {
|
|
background-color: #f74d75;
|
|
animation: dot-3-move 2s ease infinite;
|
|
}
|
|
|
|
.dot-2 {
|
|
background-color: #10beae;
|
|
animation: dot-2-move 2s ease infinite;
|
|
}
|
|
|
|
.dot-1 {
|
|
background-color: #ffe386;
|
|
animation: dot-1-move 2s ease infinite;
|
|
}
|
|
|
|
@keyframes dot-3-move {
|
|
20% {
|
|
transform: scale(1)
|
|
}
|
|
|
|
45% {
|
|
transform: translateY(-5px) scale(.6)
|
|
}
|
|
|
|
60% {
|
|
transform: translateY(-20px) scale(.6)
|
|
}
|
|
|
|
80% {
|
|
transform: translateY(-20px) scale(.6)
|
|
}
|
|
|
|
100% {
|
|
transform: translateY(0px) scale(1)
|
|
}
|
|
}
|
|
|
|
@keyframes dot-2-move {
|
|
20% {
|
|
transform: scale(1)
|
|
}
|
|
|
|
45% {
|
|
transform: translate(-4px, 3px) scale(.6)
|
|
}
|
|
|
|
60% {
|
|
transform: translate(-20px, 15px) scale(.6)
|
|
}
|
|
|
|
80% {
|
|
transform: translate(-20px, 15px) scale(.6)
|
|
}
|
|
|
|
100% {
|
|
transform: translateY(0px) scale(1)
|
|
}
|
|
}
|
|
|
|
@keyframes dot-1-move {
|
|
20% {
|
|
transform: scale(1)
|
|
}
|
|
|
|
45% {
|
|
transform: translate(4px, 3px) scale(.6)
|
|
}
|
|
|
|
60% {
|
|
transform: translate(20px, 15px) scale(.6)
|
|
}
|
|
|
|
80% {
|
|
transform: translate(20px, 15px) scale(.6)
|
|
}
|
|
|
|
100% {
|
|
transform: translateY(0px) scale(1)
|
|
}
|
|
}
|
|
|
|
@keyframes rotate-move {
|
|
55% {
|
|
transform: rotate(0deg)
|
|
}
|
|
|
|
80% {
|
|
transform: rotate(360deg)
|
|
}
|
|
|
|
100% {
|
|
transform: rotate(360deg)
|
|
}
|
|
}</style><link href="css/chunk-042d5992.89adb41e.css" rel="prefetch"><link href="css/chunk-0531775c.5b0eefaf.css" rel="prefetch"><link href="css/chunk-0648c3ef.0ff9539c.css" rel="prefetch"><link href="css/chunk-188e3fa4.275399a9.css" rel="prefetch"><link href="css/chunk-26937ed4.b3bb8164.css" rel="prefetch"><link href="css/chunk-27755411.65febfb3.css" rel="prefetch"><link href="css/chunk-300e725c.944af6a2.css" rel="prefetch"><link href="css/chunk-31e07dff.5b0eefaf.css" rel="prefetch"><link href="css/chunk-4d1974da.c70f0eba.css" rel="prefetch"><link href="css/chunk-4eb60a5d.5b0eefaf.css" rel="prefetch"><link href="css/chunk-72a73cc2.23c45673.css" rel="prefetch"><link href="css/chunk-dd7f1184.c4031c36.css" rel="prefetch"><link href="css/chunk-e9950686.60793d7d.css" rel="prefetch"><link href="js/chunk-042d5992.b340b18c.js" rel="prefetch"><link href="js/chunk-0531775c.e68fe2d1.js" rel="prefetch"><link href="js/chunk-0648c3ef.8397ad46.js" rel="prefetch"><link href="js/chunk-188e3fa4.71744b51.js" rel="prefetch"><link href="js/chunk-26937ed4.99cdb24b.js" rel="prefetch"><link href="js/chunk-26b05676.8cad4b43.js" rel="prefetch"><link href="js/chunk-27755411.62b9ce63.js" rel="prefetch"><link href="js/chunk-2d0b2ecb.1abd02a2.js" rel="prefetch"><link href="js/chunk-300e725c.fc2456fa.js" rel="prefetch"><link href="js/chunk-31e07dff.c267db1d.js" rel="prefetch"><link href="js/chunk-364cf210.c3e2fbd0.js" rel="prefetch"><link href="js/chunk-4bdf2c4e.fcc723c1.js" rel="prefetch"><link href="js/chunk-4d1974da.66c2525b.js" rel="prefetch"><link href="js/chunk-4eb60a5d.0875be6e.js" rel="prefetch"><link href="js/chunk-72a73cc2.0d7368e1.js" rel="prefetch"><link href="js/chunk-dd7f1184.fbeaa819.js" rel="prefetch"><link href="js/chunk-e9950686.f3e29c04.js" rel="prefetch"><link href="css/app.722d931f.css" rel="preload" as="style"><link href="css/chunk-vendors.eda94bcc.css" rel="preload" as="style"><link href="js/app.fdc7fe9d.js" rel="preload" as="script"><link href="js/chunk-vendors.335d9dbf.js" rel="preload" as="script"><link href="css/chunk-vendors.eda94bcc.css" rel="stylesheet"><link href="css/app.722d931f.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but faqi doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div><script src="loading/loading.js"></script><script src="js/chunk-vendors.335d9dbf.js"></script><script src="js/app.fdc7fe9d.js"></script></body></html>
|