This commit is contained in:
mkm 2024-01-30 15:37:34 +08:00
parent 92f9bf02e9
commit 68044dea5f
8 changed files with 187 additions and 85 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

Binary file not shown.

Before

Width:  |  Height:  |  Size: 256 KiB

After

Width:  |  Height:  |  Size: 516 KiB

File diff suppressed because one or more lines are too long

View File

@ -1,85 +1,85 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="zh-CN"> <html lang="zh-CN">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="icon" href="/favicon.ico" /> <link rel="icon" href="/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>后台管理系统</title> <title>后台管理系统</title>
<style> <style>
* { * {
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
.preload { .preload {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
height: 100vh; height: 100vh;
width: 100vw; width: 100vw;
} }
.circular { .circular {
height: 42px; height: 42px;
width: 42px; width: 42px;
animation: loading-rotate 2s linear infinite; animation: loading-rotate 2s linear infinite;
} }
.circular .path { .circular .path {
animation: loading-dash 1.5s ease-in-out infinite; animation: loading-dash 1.5s ease-in-out infinite;
stroke-dasharray: 90, 150; stroke-dasharray: 90, 150;
stroke-dashoffset: 0; stroke-dashoffset: 0;
stroke-width: 2; stroke-width: 2;
stroke: #4073fa; stroke: #4073fa;
stroke-linecap: round; stroke-linecap: round;
} }
@keyframes loading-rotate { @keyframes loading-rotate {
100% { 100% {
transform: rotate(1turn); transform: rotate(1turn);
} }
} }
@keyframes loading-dash { @keyframes loading-dash {
0% { 0% {
stroke-dasharray: 90, 150; stroke-dasharray: 90, 150;
stroke-dashoffset: -40px; stroke-dashoffset: -40px;
} }
100% { 100% {
stroke-dasharray: 90, 150; stroke-dasharray: 90, 150;
stroke-dashoffset: -120px; stroke-dashoffset: -120px;
} }
} }
</style> </style>
<script type="module" crossorigin src="/admin/assets/index.aaca920c.js"></script> <script type="module" crossorigin src="/admin/assets/index.1676748b.js"></script>
<link rel="modulepreload" crossorigin href="/admin/assets/@vue.ab566ce7.js"> <link rel="modulepreload" crossorigin href="/admin/assets/@vue.ab566ce7.js">
<link rel="modulepreload" crossorigin href="/admin/assets/@vueuse.8fcae4c2.js"> <link rel="modulepreload" crossorigin href="/admin/assets/@vueuse.8fcae4c2.js">
<link rel="modulepreload" crossorigin href="/admin/assets/@element-plus.8497a500.js"> <link rel="modulepreload" crossorigin href="/admin/assets/@element-plus.8497a500.js">
<link rel="modulepreload" crossorigin href="/admin/assets/lodash-es.49f4af13.js"> <link rel="modulepreload" crossorigin href="/admin/assets/lodash-es.49f4af13.js">
<link rel="modulepreload" crossorigin href="/admin/assets/axios.5b893b79.js"> <link rel="modulepreload" crossorigin href="/admin/assets/axios.37fc980d.js">
<link rel="modulepreload" crossorigin href="/admin/assets/dayjs.fc5568d8.js"> <link rel="modulepreload" crossorigin href="/admin/assets/dayjs.4afe12d3.js">
<link rel="modulepreload" crossorigin href="/admin/assets/async-validator.fb49d0f5.js"> <link rel="modulepreload" crossorigin href="/admin/assets/async-validator.fb49d0f5.js">
<link rel="modulepreload" crossorigin href="/admin/assets/@ctrl.82a509e0.js"> <link rel="modulepreload" crossorigin href="/admin/assets/@ctrl.82a509e0.js">
<link rel="modulepreload" crossorigin href="/admin/assets/escape-html.e5dfadb9.js"> <link rel="modulepreload" crossorigin href="/admin/assets/escape-html.e5dfadb9.js">
<link rel="modulepreload" crossorigin href="/admin/assets/normalize-wheel-es.8aeb3683.js"> <link rel="modulepreload" crossorigin href="/admin/assets/normalize-wheel-es.8aeb3683.js">
<link rel="modulepreload" crossorigin href="/admin/assets/element-plus.4ff6f47d.js"> <link rel="modulepreload" crossorigin href="/admin/assets/element-plus.83b6d1e4.js">
<link rel="modulepreload" crossorigin href="/admin/assets/lodash.8ea2174a.js"> <link rel="modulepreload" crossorigin href="/admin/assets/lodash.1d82ee7c.js">
<link rel="modulepreload" crossorigin href="/admin/assets/vue-router.87ebc608.js"> <link rel="modulepreload" crossorigin href="/admin/assets/vue-router.87ebc608.js">
<link rel="modulepreload" crossorigin href="/admin/assets/vue-demi.ebc8116b.js"> <link rel="modulepreload" crossorigin href="/admin/assets/vue-demi.ebc8116b.js">
<link rel="modulepreload" crossorigin href="/admin/assets/pinia.b6700c26.js"> <link rel="modulepreload" crossorigin href="/admin/assets/pinia.b6700c26.js">
<link rel="modulepreload" crossorigin href="/admin/assets/clone.a6258514.js"> <link rel="modulepreload" crossorigin href="/admin/assets/clone.cbd692e6.js">
<link rel="modulepreload" crossorigin href="/admin/assets/color-name.e7a4e1d3.js"> <link rel="modulepreload" crossorigin href="/admin/assets/color-name.e7a4e1d3.js">
<link rel="modulepreload" crossorigin href="/admin/assets/color-convert.755d189f.js"> <link rel="modulepreload" crossorigin href="/admin/assets/color-convert.755d189f.js">
<link rel="modulepreload" crossorigin href="/admin/assets/color-string.e356f5de.js"> <link rel="modulepreload" crossorigin href="/admin/assets/color-string.e356f5de.js">
<link rel="modulepreload" crossorigin href="/admin/assets/color.033abf8c.js"> <link rel="modulepreload" crossorigin href="/admin/assets/color.ea90db3f.js">
<link rel="modulepreload" crossorigin href="/admin/assets/balanced-match.d2a36341.js"> <link rel="modulepreload" crossorigin href="/admin/assets/balanced-match.d2a36341.js">
<link rel="modulepreload" crossorigin href="/admin/assets/ms.a9ae1d6d.js"> <link rel="modulepreload" crossorigin href="/admin/assets/ms.a9ae1d6d.js">
<link rel="modulepreload" crossorigin href="/admin/assets/debug.7eedf28f.js"> <link rel="modulepreload" crossorigin href="/admin/assets/debug.ad6bc3c0.js">
<link rel="modulepreload" crossorigin href="/admin/assets/css-color-function.4cbccc26.js"> <link rel="modulepreload" crossorigin href="/admin/assets/css-color-function.d0bec2c9.js">
<link rel="modulepreload" crossorigin href="/admin/assets/nprogress.93182424.js"> <link rel="modulepreload" crossorigin href="/admin/assets/nprogress.bcdf1f46.js">
<link rel="modulepreload" crossorigin href="/admin/assets/clipboard.2986c82d.js"> <link rel="modulepreload" crossorigin href="/admin/assets/clipboard.1cb79a0d.js">
<link rel="modulepreload" crossorigin href="/admin/assets/vue-clipboard3.6a55d49e.js"> <link rel="modulepreload" crossorigin href="/admin/assets/vue-clipboard3.c45111bf.js">
<link rel="modulepreload" crossorigin href="/admin/assets/tslib.60310f1a.js"> <link rel="modulepreload" crossorigin href="/admin/assets/tslib.60310f1a.js">
<link rel="modulepreload" crossorigin href="/admin/assets/zrender.3760070d.js"> <link rel="modulepreload" crossorigin href="/admin/assets/zrender.3760070d.js">
<link rel="modulepreload" crossorigin href="/admin/assets/echarts.b30ab882.js"> <link rel="modulepreload" crossorigin href="/admin/assets/echarts.b30ab882.js">
@ -88,16 +88,16 @@
<link rel="stylesheet" href="/admin/assets/element-plus.943b9d3a.css"> <link rel="stylesheet" href="/admin/assets/element-plus.943b9d3a.css">
<link rel="stylesheet" href="/admin/assets/nprogress.f5128a35.css"> <link rel="stylesheet" href="/admin/assets/nprogress.f5128a35.css">
<link rel="stylesheet" href="/admin/assets/highlight.5f5db245.css"> <link rel="stylesheet" href="/admin/assets/highlight.5f5db245.css">
<link rel="stylesheet" href="/admin/assets/index.22ba597e.css"> <link rel="stylesheet" href="/admin/assets/index.4cc9371a.css">
</head> </head>
<body> <body>
<div id="app"> <div id="app">
<div class="preload"> <div class="preload">
<svg viewBox="25 25 50 50" class="circular"> <svg viewBox="25 25 50 50" class="circular">
<circle cx="50" cy="50" r="20" fill="none" class="path"></circle> <circle cx="50" cy="50" r="20" fill="none" class="path"></circle>
</svg> </svg>
</div> </div>
</div> </div>
</body> </body>
</html> </html>