UNIVPLMDataIntegration/Web/index.html

76 lines
1.5 KiB
HTML
Raw Permalink Normal View History

2024-06-15 13:02:35 +08:00
<!doctype html>
2025-02-27 17:07:51 +08:00
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" type="text/css" media="print" href="/print-lock.css" />
<link rel="icon" id="favicon" href="data:;base64,=" />
<title>loading</title>
2025-02-26 14:48:56 +08:00
<style>
.loading-wrapper {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #fff;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
z-index: 9999;
color: #0f59a4;
2025-02-26 14:48:56 +08:00
}
2025-02-26 14:48:56 +08:00
.loading-wrapper.hide {
display: none;
}
2025-02-26 14:48:56 +08:00
.loader {
width: 15px;
aspect-ratio: 1;
background: #0f59a4;
border-radius: 50%;
animation: l6 1s infinite linear alternate;
2025-02-26 14:48:56 +08:00
}
@keyframes l6 {
0% {
box-shadow:
15px 0,
-25px 0;
}
50% {
box-shadow:
15px 0,
-15px 0;
}
100% {
box-shadow:
25px 0,
-15px 0;
}
}
2025-02-26 14:48:56 +08:00
</style>
2025-08-30 01:04:24 +08:00
<script type="speculationrules">
{
"prerender": [{ "source": "document", "eagerness": "moderate" }]
}
</script>
</head>
2024-06-15 13:02:35 +08:00
<body>
2025-02-26 14:48:56 +08:00
<div class="loading-wrapper">
<div class="loader"></div>
</div>
<div id="app"></div>
<script src="/config.js"></script>
<script type="module" src="/src/main.ts"></script>
2025-02-26 14:48:56 +08:00
<script>
window.addEventListener('load', function () {
2025-02-26 14:48:56 +08:00
document.querySelector('.loading-wrapper').classList.add('hide');
});
</script>
</body>
</html>