35 lines
1.4 KiB
HTML
35 lines
1.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8"/>
|
|
<link rel="icon" type="image/svg+xml" href="/logo.png"/>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
|
<title>营养与健康数据管理处理平台</title>
|
|
<style>
|
|
.app-init-loading{font-size:14px;line-height:1.5;background-color:#fff;color:#2d8cf0;align-items:center;justify-content:center;text-align:center;display:flex;height:100vh;position:fixed;inset:0}
|
|
@keyframes app-init-rotate{100%{transform:rotate(360deg)}
|
|
}
|
|
@keyframes app-init-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}
|
|
50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}
|
|
100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}
|
|
}
|
|
.app-init-loading .circular{width:50px;height:50px;animation:app-init-rotate 2s linear infinite;margin:auto}
|
|
.app-init-loading .path{stroke-dasharray:1,200;stroke-dashoffset:0;stroke-width:2px;stroke:#2d8cf0;animation:app-init-dash 1.5s ease-in-out infinite}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="app">
|
|
<div class="app-init-loading">
|
|
<div class="app-init-inner">
|
|
<svg class="circular" viewbox="25 25 50 50">
|
|
<circle class="path" cx="50" cy="50" r="20" fill="none"/>
|
|
</svg>
|
|
<div class="description">初始化中...</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script type="module" src="/src/main.ts"></script>
|
|
</body>
|
|
</html>
|