325 lines
18 KiB
HTML
325 lines
18 KiB
HTML
<!doctype html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
<title>G3Soft ERP</title>
|
||
<script>
|
||
// 首帧前同步应用的暗色偏好，避免暗色用户先看到浅色闪屏。
|
||
// 偏好持久化 key = 'g3erp:preferences'（见 src/preferences/store.ts），
|
||
// 结构 { theme: { mode: 'light' | 'dark' | 'auto' } }。
|
||
// 注意：此刻全局样式还没加载，加载屏只能用字面量颜色、不能依赖 --g3-* 变量。
|
||
try {
|
||
var raw = localStorage.getItem('g3erp:preferences')
|
||
var mode = raw ? (JSON.parse(raw) || {}).theme.mode : null
|
||
var dark = mode === 'dark'
|
||
if (mode === 'auto' || mode === null) {
|
||
dark = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches
|
||
}
|
||
if (dark) document.documentElement.classList.add('boot-dark')
|
||
} catch (e) {
|
||
/* 无持久化数据 / 解析失败时按浅色默认渲染 */
|
||
}
|
||
</script>
|
||
<style>
|
||
*,
|
||
*::before,
|
||
*::after {
|
||
box-sizing: border-box;
|
||
}
|
||
|
||
html,
|
||
body {
|
||
margin: 0;
|
||
padding: 0;
|
||
height: 100%;
|
||
}
|
||
|
||
/* ===== 开屏加载屏 =====
|
||
配色对齐本应用 token（浅色）：背景 #f5f6f8 / 文字 #1f2329 /
|
||
次级 #4e5969 / 三级 #86909c / 主色 #165dff / 边框 #e5e6eb；
|
||
深色（html.boot-dark，由上方脚本按持久化偏好写入）对齐 .dark 覆盖值。
|
||
品牌区版式对齐登录页 .login__logo-mark（主色圆角方块 + 白字）。 */
|
||
.app-boot {
|
||
display: flex;
|
||
background-color: #f5f6f8;
|
||
position: fixed;
|
||
left: 0;
|
||
top: 0;
|
||
height: 100%;
|
||
width: 100%;
|
||
z-index: 9999;
|
||
transition: opacity 0.3s ease-in;
|
||
opacity: 1;
|
||
pointer-events: none;
|
||
/* 锁定字体，避免 Vue 注入的 web 字体就绪后替换导致文字重定位抖动 */
|
||
font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'PingFang SC', 'Microsoft YaHei',
|
||
sans-serif;
|
||
}
|
||
|
||
.boot-dark .app-boot {
|
||
background-color: #17171a;
|
||
}
|
||
|
||
.app-boot--hide {
|
||
opacity: 0;
|
||
}
|
||
|
||
/* 加载失败态：浅红渐变背景 + 错误提示；错误时需要可交互（重试按钮可点击） */
|
||
.app-boot--error {
|
||
background: radial-gradient(circle at 50% 50%, #fef2f2 0%, #fee2e2 100%);
|
||
color: #b91c1c;
|
||
pointer-events: auto;
|
||
}
|
||
|
||
.boot-dark .app-boot--error {
|
||
background: radial-gradient(circle at 50% 50%, #2a1215 0%, #1c0e10 100%);
|
||
color: #f87171;
|
||
}
|
||
|
||
.app-boot__container {
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
justify-content: center;
|
||
width: 100%;
|
||
flex-grow: 1;
|
||
user-select: none;
|
||
-webkit-user-select: none;
|
||
}
|
||
|
||
/* 加载效果：字母逐个从下方弹起的文字 loader（字形 SVG + translateY 动画）。
|
||
原实现用 .loader / .letter / .i 这类通用类名，直接放进 index.html 会污染
|
||
整个应用（例如所有 class="i" 的元素），因此统一收敛到 .app-boot__loading 下。
|
||
字形 fill 改走 currentColor，跟随主题色。 */
|
||
.app-boot__loading {
|
||
display: flex;
|
||
flex-direction: row;
|
||
align-items: center;
|
||
justify-content: center;
|
||
/* 容器刻意比字母高：字母静止时居中，上下各留出 10px 渐隐带供出入场过渡 */
|
||
height: 60px;
|
||
overflow: hidden; /* 关键：裁掉位于容器外的字母，动画升上来才可见 */
|
||
color: #1f2329;
|
||
opacity: 0;
|
||
animation: app-boot-fade 0.45s ease-out 0.08s forwards;
|
||
/* 上下各 10px 渐隐：字母升入/降出时淡进淡出，避免被容器硬边切成
|
||
「从切面冒出来」的生硬边缘。字母静止区间正好落在中间的清晰区。 */
|
||
-webkit-mask-image: linear-gradient(
|
||
to bottom,
|
||
transparent 0,
|
||
#000 10px,
|
||
#000 calc(100% - 10px),
|
||
transparent 100%
|
||
);
|
||
mask-image: linear-gradient(
|
||
to bottom,
|
||
transparent 0,
|
||
#000 10px,
|
||
#000 calc(100% - 10px),
|
||
transparent 100%
|
||
);
|
||
}
|
||
|
||
.boot-dark .app-boot__loading {
|
||
color: #f7f8fa;
|
||
}
|
||
|
||
.app-boot__loading span {
|
||
display: flex;
|
||
transform: translateY(50px);
|
||
animation: app-boot-letters 1s alternate infinite cubic-bezier(0.86, 0, 0.07, 1);
|
||
}
|
||
|
||
.app-boot__loading svg {
|
||
width: auto;
|
||
height: 40px;
|
||
fill: currentColor;
|
||
}
|
||
|
||
/* 字母间留一点呼吸，同时窄字形 i 额外加边距，避免和 d / n 贴太近 */
|
||
.app-boot__loading span + span {
|
||
margin-left: 2px;
|
||
}
|
||
|
||
.app-boot__loading span:nth-child(5) {
|
||
margin-inline: 6px;
|
||
}
|
||
|
||
/* 逐个错开 70ms，形成波浪式弹起 */
|
||
.app-boot__loading span:nth-child(1) {
|
||
animation-delay: 0ms;
|
||
}
|
||
|
||
.app-boot__loading span:nth-child(2) {
|
||
animation-delay: 70ms;
|
||
}
|
||
|
||
.app-boot__loading span:nth-child(3) {
|
||
animation-delay: 140ms;
|
||
}
|
||
|
||
.app-boot__loading span:nth-child(4) {
|
||
animation-delay: 210ms;
|
||
}
|
||
|
||
.app-boot__loading span:nth-child(5) {
|
||
animation-delay: 280ms;
|
||
}
|
||
|
||
.app-boot__loading span:nth-child(6) {
|
||
animation-delay: 350ms;
|
||
}
|
||
|
||
.app-boot__loading span:nth-child(7) {
|
||
animation-delay: 420ms;
|
||
}
|
||
|
||
@keyframes app-boot-letters {
|
||
from {
|
||
transform: translateY(50px);
|
||
}
|
||
to {
|
||
transform: translateY(0);
|
||
}
|
||
}
|
||
|
||
@keyframes app-boot-fade {
|
||
from {
|
||
opacity: 0;
|
||
}
|
||
to {
|
||
opacity: 1;
|
||
}
|
||
}
|
||
|
||
/* 错误态：隐藏正常加载内容，展示提示与重试按钮 */
|
||
.app-boot--error .app-boot__loading {
|
||
display: none;
|
||
}
|
||
|
||
.app-boot__message {
|
||
font-size: 14px;
|
||
font-weight: 600;
|
||
}
|
||
|
||
.app-boot__retry {
|
||
margin-top: 16px;
|
||
padding: 6px 18px;
|
||
border: 1px solid currentColor;
|
||
border-radius: 8px;
|
||
background: transparent;
|
||
color: inherit;
|
||
font-size: 14px;
|
||
font-family: inherit;
|
||
cursor: pointer;
|
||
transition: background 150ms ease;
|
||
}
|
||
|
||
.app-boot__retry:hover {
|
||
background: rgba(185, 28, 28, 0.08);
|
||
}
|
||
|
||
.boot-dark .app-boot__retry:hover {
|
||
background: rgba(248, 113, 113, 0.1);
|
||
}
|
||
|
||
@media (prefers-reduced-motion: reduce) {
|
||
/* 关掉弹跳动画后，字母静止排成一行，仍可读地表示「加载中」 */
|
||
.app-boot__loading {
|
||
opacity: 1;
|
||
animation: none;
|
||
}
|
||
|
||
.app-boot__loading span {
|
||
transform: none;
|
||
animation: none;
|
||
}
|
||
}
|
||
</style>
|
||
</head>
|
||
|
||
<body>
|
||
<div id="app">
|
||
<script>
|
||
// 模块加载失败时（如直接 file:// 打开）展示错误，避免永远卡在加载屏。
|
||
// 忽略良性噪音错误（ResizeObserver 循环等浏览器警告也会走 error 事件），
|
||
// 否则 DevTools 展开/收起等触发 resize 时会把整个页面误替换成错误页。
|
||
window.addEventListener('error', (e) => {
|
||
const msg = e && e.message ? String(e.message) : ''
|
||
if (/ResizeObserver loop/i.test(msg)) return
|
||
const app = document.getElementById('app')
|
||
if (app) {
|
||
app.innerHTML =
|
||
'<div class="app-boot app-boot--error" style="position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;pointer-events:auto;font-family:sans-serif">' +
|
||
'<div style="font-size:20px;font-weight:bold">加载失败</div>' +
|
||
'<div style="font-size:14px">请通过本地开发服务器访问（如 pnpm dev），不要直接以 file:// 方式打开本文件。</div>' +
|
||
(msg ? '<div style="font-size:12px;opacity:.7">' + msg + '</div>' : '') +
|
||
'</div>'
|
||
}
|
||
})
|
||
</script>
|
||
</div>
|
||
|
||
<div id="app-boot" class="app-boot" role="status" aria-busy="true">
|
||
<div class="app-boot__container">
|
||
<div class="app-boot__loading" aria-hidden="true">
|
||
<span>
|
||
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 11 18" height="18" width="11">
|
||
<path
|
||
d="M0.28 16.14V0.94L3.7 0.64L5.7 1.64V12.3L8.5 12.06L10.5 13.06V16.44L2.28 17.14L0.28 16.14ZM3.5 12.7V0.859999L0.48 1.12V15.94L8.3 15.26V12.28L3.5 12.7Z"
|
||
></path>
|
||
</svg>
|
||
</span>
|
||
<span>
|
||
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 18" height="18" width="16">
|
||
<path
|
||
d="M8.94 17.24C8.84667 17.2533 8.74667 17.26 8.64 17.26C8.54667 17.26 8.45333 17.26 8.36 17.26C7.66667 17.26 7.02667 17.16 6.44 16.96C5.86667 16.7733 5.30667 16.5533 4.76 16.3C3.33333 15.5933 2.28667 14.6 1.62 13.32C0.966667 12.0267 0.64 10.4933 0.64 8.72C0.64 7.68 0.766667 6.67333 1.02 5.7C1.28667 4.71333 1.68 3.82667 2.2 3.04C2.72 2.24 3.36667 1.58667 4.14 1.08C4.92667 0.573332 5.84667 0.273333 6.9 0.18C7.00667 0.166666 7.10667 0.159999 7.2 0.159999C7.29333 0.159999 7.38667 0.159999 7.48 0.159999C8.14667 0.159999 8.74 0.246666 9.26 0.419999C9.78 0.579999 10.3067 0.766666 10.84 0.979999C11.8 1.36667 12.6 1.94 13.24 2.7C13.88 3.46 14.36 4.35333 14.68 5.38C15 6.39333 15.16 7.48 15.16 8.64C15.16 9.72 15.0333 10.7533 14.78 11.74C14.5267 12.7267 14.14 13.62 13.62 14.42C13.1133 15.2067 12.4667 15.8467 11.68 16.34C10.9067 16.8467 9.99333 17.1467 8.94 17.24ZM6.92 16.04C7.94667 15.96 8.84 15.68 9.6 15.2C10.36 14.7067 10.9867 14.0733 11.48 13.3C11.9733 12.5133 12.34 11.64 12.58 10.68C12.8333 9.70667 12.96 8.69333 12.96 7.64C12.96 6.68 12.8467 5.76667 12.62 4.9C12.4067 4.02 12.0733 3.24 11.62 2.56C11.1667 1.88 10.5933 1.34667 9.9 0.959999C9.22 0.559999 8.41333 0.359999 7.48 0.359999C7.38667 0.359999 7.29333 0.359999 7.2 0.359999C7.12 0.359999 7.02667 0.366666 6.92 0.38C5.89333 0.473333 5 0.766666 4.24 1.26C3.48 1.74 2.84667 2.37333 2.34 3.16C1.83333 3.93333 1.45333 4.8 1.2 5.76C0.96 6.70667 0.84 7.69333 0.84 8.72C0.84 9.72 0.953333 10.6667 1.18 11.56C1.40667 12.44 1.74667 13.22 2.2 13.9C2.65333 14.5667 3.22667 15.0933 3.92 15.48C4.61333 15.8667 5.42 16.06 6.34 16.06C6.44667 16.06 6.54667 16.06 6.64 16.06C6.73333 16.06 6.82667 16.0533 6.92 16.04ZM6.92 12.94C6.86667 12.94 6.81333 12.9467 6.76 12.96C6.72 12.96 6.67333 12.96 6.62 12.96C5.82 12.96 5.18667 12.6133 4.72 11.92C4.26667 11.2267 4.04 10.0667 4.04 8.44C4.04 7.28 4.16667 6.34667 4.42 5.64C4.67333 4.93333 5.02 4.41333 5.46 4.08C5.9 3.73333 6.38667 3.54 6.92 3.5C6.97333 3.5 7.02667 3.5 7.08 3.5C7.13333 3.48667 7.18667 3.48 7.24 3.48C8.02667 3.48 8.64 3.82 9.08 4.5C9.52 5.16667 9.74 6.31333 9.74 7.94C9.74 9.67333 9.47333 10.9267 8.94 11.7C8.42 12.46 7.74667 12.8733 6.92 12.94ZM6.86 12.74C7.64667 12.6733 8.28667 12.2733 8.78 11.54C9.28667 10.8067 9.54 9.60667 9.54 7.94C9.54 7.18 9.49333 6.53333 9.4 6C9.30667 5.46667 9.16667 5.03333 8.98 4.7C8.91333 4.68667 8.84667 4.68 8.78 4.68C8.71333 4.66667 8.64667 4.66 8.58 4.66C7.79333 4.66 7.20667 5.07333 6.82 5.9C6.43333 6.71333 6.24 7.89333 6.24 9.44C6.24 10.2133 6.29333 10.8733 6.4 11.42C6.50667 11.9533 6.66 12.3933 6.86 12.74Z"
|
||
></path>
|
||
</svg>
|
||
</span>
|
||
<span>
|
||
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 15 18" height="18" width="15">
|
||
<path
|
||
d="M9.28 15.76L8.54 13.38L6.96 13.52L5.98 17.02L2.58 17.32L0.58 16.32L4.96 0.699999L8.26 0.419999L10.26 1.42L14.72 16.48L11.28 16.76L9.28 15.76ZM5.12 0.899999L0.88 16.08L3.8 15.84L4.8 12.34L8.36 12.02L9.42 15.56L12.44 15.3L8.1 0.64L5.12 0.899999ZM5.5 9.42C5.75333 8.59333 5.96 7.80667 6.12 7.06C6.29333 6.31333 6.44 5.56667 6.56 4.82H6.64C6.74667 5.55333 6.88 6.27333 7.04 6.98C7.21333 7.67333 7.42 8.42 7.66 9.22L5.5 9.42Z"
|
||
></path>
|
||
</svg>
|
||
</span>
|
||
<span>
|
||
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 14 18" height="18" width="14">
|
||
<path
|
||
d="M0.28 16.24V1.04L4.44 0.679999C4.61333 0.666666 4.78 0.66 4.94 0.66C5.1 0.646666 5.24667 0.64 5.38 0.64C6.11333 0.64 6.76667 0.726666 7.34 0.899999C7.92667 1.07333 8.56667 1.32667 9.26 1.66C10.1933 2.08667 10.9533 2.61333 11.54 3.24C12.1267 3.85333 12.56 4.61333 12.84 5.52C13.12 6.41333 13.26 7.50667 13.26 8.8C13.26 10.4933 12.9733 11.92 12.4 13.08C11.84 14.24 11.0667 15.1333 10.08 15.76C9.09333 16.3733 7.95333 16.74 6.66 16.86L2.28 17.24L0.28 16.24ZM4.64 15.68C5.89333 15.5733 7 15.2133 7.96 14.6C8.93333 13.9867 9.69333 13.1133 10.24 11.98C10.7867 10.8467 11.06 9.45333 11.06 7.8C11.06 5.53333 10.5733 3.80667 9.6 2.62C8.64 1.43333 7.21333 0.84 5.32 0.84C5.18667 0.84 5.04667 0.846666 4.9 0.859999C4.75333 0.859999 4.60667 0.866666 4.46 0.879999L0.48 1.22V16.02L4.64 15.68ZM3.5 3.9L4.08 3.86C4.22667 3.84667 4.36 3.84 4.48 3.84C4.61333 3.82667 4.74667 3.82 4.88 3.82C5.57333 3.82 6.14 3.94667 6.58 4.2C7.03333 4.45333 7.36667 4.88667 7.58 5.5C7.80667 6.11333 7.92 6.97333 7.92 8.08C7.92 9.65333 7.59333 10.8067 6.94 11.54C6.28667 12.26 5.4 12.6667 4.28 12.76L3.5 12.82V3.9ZM5.7 12.2C6.38 11.9067 6.88667 11.4333 7.22 10.78C7.55333 10.1133 7.72 9.21333 7.72 8.08C7.72 6.66667 7.52 5.65333 7.12 5.04C7.06667 5.02667 7.01333 5.02 6.96 5.02C6.90667 5.02 6.85333 5.02 6.8 5.02C6.68 5.02 6.56 5.02667 6.44 5.04C6.33333 5.04 6.22 5.04667 6.1 5.06L5.7 5.08V12.2Z"
|
||
></path>
|
||
</svg>
|
||
</span>
|
||
<span>
|
||
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 6 17" height="18" width="6">
|
||
<path
|
||
d="M0.38 15.96V0.76L3.86 0.439999L5.86 1.44V16.64L2.38 16.94L0.38 15.96ZM0.58 0.94V15.74L3.66 15.46V0.66L0.58 0.94Z"
|
||
></path>
|
||
</svg>
|
||
</span>
|
||
<span>
|
||
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 13 18" height="18" width="13">
|
||
<path
|
||
d="M7.22 15.82L5.72 12.44V16.92L2.28 17.22L0.28 16.22V1.02L3.52 0.74L5.52 1.74L7 4.94V0.64L10.48 0.319999L12.48 1.32V16.54L9.22 16.82L7.22 15.82ZM7.2 0.819999V6.42C7.2 6.56667 7.20667 6.80667 7.22 7.14C7.23333 7.46 7.24667 7.8 7.26 8.16C7.28667 8.50667 7.30667 8.80667 7.32 9.06C7.33333 9.3 7.34 9.42 7.34 9.42L7.28 9.46C7.28 9.46 7.26 9.38667 7.22 9.24C7.19333 9.09333 7.14667 8.92 7.08 8.72C7.01333 8.50667 6.94 8.31333 6.86 8.14L3.4 0.959999L0.48 1.2V16L3.52 15.76V10.52C3.52 10.36 3.51333 10.0867 3.5 9.7C3.48667 9.31333 3.47333 8.90667 3.46 8.48C3.46 8.05333 3.45333 7.69333 3.44 7.4C3.42667 7.09333 3.42 6.94 3.42 6.94L3.48 6.92C3.48 6.92 3.51333 7.05333 3.58 7.32C3.66 7.57333 3.76667 7.84 3.9 8.12L7.4 15.62L10.28 15.36V0.539999L7.2 0.819999Z"
|
||
></path>
|
||
</svg>
|
||
</span>
|
||
<span>
|
||
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 15 18" height="18" width="15">
|
||
<path
|
||
d="M14.04 13.72C13.64 14.6533 12.9933 15.44 12.1 16.08C11.22 16.72 10.1333 17.0933 8.84 17.2C8.72 17.2133 8.6 17.22 8.48 17.22C8.36 17.22 8.24 17.22 8.12 17.22C7.12 17.22 6.16667 17.0467 5.26 16.7C4.36667 16.3533 3.57333 15.8333 2.88 15.14C2.18667 14.4333 1.64 13.54 1.24 12.46C0.84 11.38 0.64 10.1 0.64 8.62C0.64 7.48667 0.78 6.42667 1.06 5.44C1.34 4.44 1.74667 3.55333 2.28 2.78C2.82667 2.00667 3.48667 1.38667 4.26 0.92C5.03333 0.453333 5.90667 0.179999 6.88 0.0999997C6.96 0.0866657 7.04 0.0799987 7.12 0.0799987C7.2 0.0799987 7.28 0.0799987 7.36 0.0799987C8.33333 0.0799987 9.28 0.299999 10.2 0.74C11.1333 1.18 11.9467 1.78 12.64 2.54C13.3467 3.3 13.8467 4.16 14.14 5.12L11.76 6.46L12.04 6.44L14.04 7.44V13.72ZM5.9 7.16V10L8.98 9.74V11.46C8.80667 11.8067 8.52667 12.1067 8.14 12.36C7.76667 12.6 7.37333 12.7333 6.96 12.76C6.90667 12.7733 6.84667 12.78 6.78 12.78C6.72667 12.78 6.66667 12.78 6.6 12.78C5.73333 12.78 5.08 12.4333 4.64 11.74C4.2 11.0467 3.98 9.92 3.98 8.36C3.98 6.94667 4.20667 5.82 4.66 4.98C5.11333 4.14 5.84 3.68 6.84 3.6H7.06C7.60667 3.6 8.07333 3.76 8.46 4.08C8.86 4.4 9.14667 4.86667 9.32 5.48L11.9 4.02C11.6733 3.38 11.36 2.78 10.96 2.22C10.5733 1.64667 10.0867 1.18 9.5 0.819999C8.91333 0.459999 8.2 0.28 7.36 0.28C7.29333 0.28 7.22 0.28 7.14 0.28C7.06 0.28 6.98 0.286666 6.9 0.299999C5.63333 0.406666 4.54667 0.846666 3.64 1.62C2.73333 2.38 2.04 3.37333 1.56 4.6C1.08 5.81333 0.84 7.15333 0.84 8.62C0.84 10.14 1.06 11.4533 1.5 12.56C1.94 13.6667 2.56667 14.52 3.38 15.12C4.19333 15.72 5.16 16.02 6.28 16.02C6.37333 16.02 6.46 16.02 6.54 16.02C6.63333 16.02 6.72667 16.0133 6.82 16C8.07333 15.8933 9.12667 15.54 9.98 14.94C10.8467 14.3267 11.4733 13.5733 11.86 12.68V6.66L5.9 7.16ZM9.2 5.78C9.14667 5.59333 9.08667 5.42 9.02 5.26C8.95333 5.08667 8.88 4.93333 8.8 4.8C8.2 4.85333 7.70667 5.06667 7.32 5.44C6.94667 5.8 6.66667 6.29333 6.48 6.92L10.8 6.56L9.2 5.78ZM7.8 11.26L6.24 10.46C6.26667 10.9933 6.32 11.4133 6.4 11.72C6.49333 12.0133 6.62667 12.3 6.8 12.58C6.84 12.5667 6.88667 12.56 6.94 12.56C7.28667 12.5333 7.63333 12.4267 7.98 12.24C8.32667 12.04 8.59333 11.8067 8.78 11.54V11.14L7.8 11.26Z"
|
||
></path>
|
||
</svg>
|
||
</span>
|
||
</div>
|
||
<div class="app-boot__message" id="app-boot-message" hidden></div>
|
||
<button class="app-boot__retry" id="app-boot-retry" type="button" hidden>重新加载</button>
|
||
</div>
|
||
</div>
|
||
|
||
<script type="module" src="/src/main.ts"></script>
|
||
</body>
|
||
</html>
|