127 lines
5.5 KiB
HTML
127 lines
5.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<link rel="icon" href="/favicon.ico" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>思缘生活-后台管理系统</title>
|
|
<style>
|
|
* {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.preload {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
height: 100vh;
|
|
width: 100vw;
|
|
}
|
|
|
|
.circular {
|
|
height: 42px;
|
|
width: 42px;
|
|
-webkit-animation: loading-rotate 2s linear infinite;
|
|
animation: loading-rotate 2s linear infinite;
|
|
}
|
|
|
|
.circular .path {
|
|
-webkit-animation: loading-dash 1.5s ease-in-out infinite;
|
|
animation: loading-dash 1.5s ease-in-out infinite;
|
|
stroke-dasharray: 90, 150;
|
|
stroke-dashoffset: 0;
|
|
stroke-width: 2;
|
|
stroke: #4073fa;
|
|
stroke-linecap: round;
|
|
}
|
|
|
|
@-webkit-keyframes loading-rotate {
|
|
100% {
|
|
transform: rotate(1turn);
|
|
}
|
|
}
|
|
|
|
@keyframes loading-rotate {
|
|
100% {
|
|
transform: rotate(1turn);
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes loading-dash {
|
|
0% {
|
|
stroke-dasharray: 90, 150;
|
|
stroke-dashoffset: -40px;
|
|
}
|
|
|
|
100% {
|
|
stroke-dasharray: 90, 150;
|
|
stroke-dashoffset: -120px;
|
|
}
|
|
}
|
|
|
|
@keyframes loading-dash {
|
|
0% {
|
|
stroke-dasharray: 90, 150;
|
|
stroke-dashoffset: -40px;
|
|
}
|
|
|
|
100% {
|
|
stroke-dasharray: 90, 150;
|
|
stroke-dashoffset: -120px;
|
|
}
|
|
}
|
|
</style>
|
|
<script src="https://map.qq.com/api/gljs?libraries=tools&v=1.exp&key=2SABZ-S4TWH-AMCDO-W742B-SKEOE-UWBKJ"></script>
|
|
<script type="module" crossorigin src="/assets/index.2c7b212c.js"></script>
|
|
<link rel="modulepreload" crossorigin href="/assets/@vue.ad3a2c51.js">
|
|
<link rel="modulepreload" crossorigin href="/assets/@vueuse.c2fd8b33.js">
|
|
<link rel="modulepreload" crossorigin href="/assets/@element-plus.4b8482d8.js">
|
|
<link rel="modulepreload" crossorigin href="/assets/lodash-es.61686ec6.js">
|
|
<link rel="modulepreload" crossorigin href="/assets/axios.136fb7b6.js">
|
|
<link rel="modulepreload" crossorigin href="/assets/dayjs.c8b8967e.js">
|
|
<link rel="modulepreload" crossorigin href="/assets/async-validator.fb49d0f5.js">
|
|
<link rel="modulepreload" crossorigin href="/assets/@ctrl.82a509e0.js">
|
|
<link rel="modulepreload" crossorigin href="/assets/@popperjs.36402333.js">
|
|
<link rel="modulepreload" crossorigin href="/assets/escape-html.e5dfadb9.js">
|
|
<link rel="modulepreload" crossorigin href="/assets/normalize-wheel-es.8aeb3683.js">
|
|
<link rel="modulepreload" crossorigin href="/assets/memoize-one.4ee5c96d.js">
|
|
<link rel="modulepreload" crossorigin href="/assets/element-plus.02c000b8.js">
|
|
<link rel="modulepreload" crossorigin href="/assets/lodash.8effadcb.js">
|
|
<link rel="modulepreload" crossorigin href="/assets/vue-router.93f65f3b.js">
|
|
<link rel="modulepreload" crossorigin href="/assets/vue-demi.ebc8116b.js">
|
|
<link rel="modulepreload" crossorigin href="/assets/pinia.f0255b9b.js">
|
|
<link rel="modulepreload" crossorigin href="/assets/clone.4b381e37.js">
|
|
<link rel="modulepreload" crossorigin href="/assets/color-name.e7a4e1d3.js">
|
|
<link rel="modulepreload" crossorigin href="/assets/color-convert.755d189f.js">
|
|
<link rel="modulepreload" crossorigin href="/assets/color-string.e356f5de.js">
|
|
<link rel="modulepreload" crossorigin href="/assets/color.0adfd97a.js">
|
|
<link rel="modulepreload" crossorigin href="/assets/css-color-function.3cb93b94.js">
|
|
<link rel="modulepreload" crossorigin href="/assets/nprogress.09754c1e.js">
|
|
<link rel="modulepreload" crossorigin href="/assets/clipboard.42524a75.js">
|
|
<link rel="modulepreload" crossorigin href="/assets/vue-clipboard3.c5f2d3ed.js">
|
|
<link rel="modulepreload" crossorigin href="/assets/tslib.60310f1a.js">
|
|
<link rel="modulepreload" crossorigin href="/assets/zrender.8ee1a698.js">
|
|
<link rel="modulepreload" crossorigin href="/assets/echarts.234b3572.js">
|
|
<link rel="modulepreload" crossorigin href="/assets/highlight.js.4ebdf9a4.js">
|
|
<link rel="modulepreload" crossorigin href="/assets/@highlightjs.0d5173e3.js">
|
|
<link rel="modulepreload" crossorigin href="/assets/mitt.d8e3ba72.js">
|
|
<link rel="modulepreload" crossorigin href="/assets/vue3-eventbus.c7305b83.js">
|
|
<link rel="stylesheet" href="/assets/element-plus.149e8a96.css">
|
|
<link rel="stylesheet" href="/assets/nprogress.a2a0c377.css">
|
|
<link rel="stylesheet" href="/assets/highlight.5f5db245.css">
|
|
<link rel="stylesheet" href="/assets/index.8c422639.css">
|
|
</head>
|
|
|
|
<body>
|
|
<div id="app">
|
|
<div class="preload">
|
|
<svg viewBox="25 25 50 50" class="circular">
|
|
<circle cx="50" cy="50" r="20" fill="none" class="path"></circle>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
|
|
</body>
|
|
</html>
|