Mars
dcf9afacd6
favicon.svg 原外链 /logo.png 浏览器无法加载；改为内嵌 base64 index.html 增加 logo.png 作为 favicon 回退；theme-3 theme-color 对齐 #0F2027
45 lines
1.5 KiB
HTML
45 lines
1.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
|
|
<meta name="theme-color" content="#001A33" />
|
|
<link rel="icon" type="image/png" href="/logo.png" />
|
|
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
|
<link rel="apple-touch-icon" href="/logo.png" />
|
|
<link rel="manifest" href="/site.webmanifest" />
|
|
<title>TheBet365</title>
|
|
<style>
|
|
html, body { margin: 0; padding: 0; height: 100%; background: #001A33; }
|
|
#app-loading {
|
|
position: fixed;
|
|
inset: 0;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
background: #001A33;
|
|
z-index: 9999;
|
|
}
|
|
#app-loading svg {
|
|
width: 48px;
|
|
height: 48px;
|
|
animation: gs-spin 0.8s linear infinite;
|
|
}
|
|
@keyframes gs-spin {
|
|
to { transform: rotate(360deg); }
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="app-loading">
|
|
<svg viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<circle cx="24" cy="24" r="20" stroke="rgba(255,255,255,0.14)" stroke-width="3" fill="none" />
|
|
<circle cx="24" cy="24" r="20" stroke="rgba(255,255,255,0.72)" stroke-width="3" fill="none" stroke-linecap="round" stroke-dasharray="31.4 94.2" />
|
|
</svg>
|
|
</div>
|
|
<div id="app"></div>
|
|
<script type="module" src="/src/main.ts"></script>
|
|
</body>
|
|
</html>
|