37 lines
1.8 KiB
HTML
37 lines
1.8 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{--primary-background:#f0f0f2;--primary-color-1:#2ec7a5;background:var(--primary-background);font-size:14px;line-height:1.5;color:var(--primary-color-1);align-items:center;justify-content:center;text-align:center;display:flex;height:100vh;position:fixed;inset:0}
|
|
@keyframes loading-jr03l3h4rn8{0%{transform:translate(-50%,-50%) rotate(0)}
|
|
100%{transform:translate(-50%,-50%) rotate(360deg)}
|
|
}
|
|
.loading-jr03l3h4rn8 div{position:absolute;width:var(--size);height:var(--size);border:2px solid var(--primary-color-1);border-top-color:transparent;border-radius:50%}
|
|
.loading-jr03l3h4rn8 div{animation:loading-jr03l3h4rn8 1s linear infinite;top:var(--size);left:var(--size)}
|
|
.spinner-rolling{--size:40px;width:calc(var(--size) * 2);height:calc(var(--size) * 2 - 10px);display:inline-block;overflow:hidden;background:0 0}
|
|
.loading-jr03l3h4rn8{width:100%;height:100%;position:relative;transform:translateZ(0) scale(1);backface-visibility:hidden;transform-origin:0 0}
|
|
.loading-jr03l3h4rn8 div{box-sizing:content-box}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="app">
|
|
<div class="app-init-loading">
|
|
<div class="app-init-inner">
|
|
<div class="spinner-rolling">
|
|
<div class="loading-jr03l3h4rn8">
|
|
<div></div>
|
|
</div>
|
|
</div>
|
|
<div class="description">初始化中...</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script type="module" src="/src/main.ts"></script>
|
|
</body>
|
|
</html>
|