58 lines
2.0 KiB
HTML
58 lines
2.0 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="zh-CN">
|
||
|
|
<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, maximum-scale=1.0, user-scalable=no">
|
||
|
|
|
||
|
|
<!-- 预加载优化 -->
|
||
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||
|
|
<link rel="dns-prefetch" href="//cdn.example.com">
|
||
|
|
|
||
|
|
<!-- 动态标题 -->
|
||
|
|
<title data-fallback="子系统">%VITE_APP_SUB_TITLE%</title>
|
||
|
|
|
||
|
|
<!-- 图标缓存策略 -->
|
||
|
|
<link rel="icon" type="image/svg+xml" href="/favicon.svg" crossorigin="anonymous">
|
||
|
|
<link rel="preload" href="/favicon.svg" as="image">
|
||
|
|
|
||
|
|
<!-- 异步加载样式 -->
|
||
|
|
<link rel="stylesheet" href="/styles/loading.css" media="print" onload="this.media='all'">
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
<div id="app">
|
||
|
|
<!-- 增强可访问性的加载状态 -->
|
||
|
|
<div class="first-loading-wrp">
|
||
|
|
<div class="loading-wrp" role="status" aria-live="polite" aria-label="加载中">
|
||
|
|
<span class="dot dot-spin" aria-hidden="true">
|
||
|
|
<i role="presentation"></i>
|
||
|
|
<i role="presentation"></i>
|
||
|
|
<i role="presentation"></i>
|
||
|
|
<i role="presentation"></i>
|
||
|
|
</span>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- 语义化标题 -->
|
||
|
|
<h1 class="visually-hidden">%VITE_APP_SUB_TITLE%</h1>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- 环境变量处理 -->
|
||
|
|
<script type="module">
|
||
|
|
// 设置标题和内容
|
||
|
|
document.title = import.meta.env.VITE_APP_SUB_TITLE || document.querySelector('title').getAttribute('data-fallback');
|
||
|
|
document.querySelector('h1').textContent = import.meta.env.VITE_APP_SUB_TITLE || '子系统';
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<!-- 异步加载主脚本 -->
|
||
|
|
<script type="module" src="/main.js" defer async></script>
|
||
|
|
<script type="text/javascript" src="/js/ZLMRTCClient.js"></script>
|
||
|
|
<script type="text/javascript" src="/js/webrtc.js"></script>
|
||
|
|
<script type="text/javascript" src="/js/egis-2d.js"></script>
|
||
|
|
<script type="text/javascript" src="/js/h5player.min.js"></script>
|
||
|
|
<script type="text/javascript" src="/js/littleLemon.js"></script>
|
||
|
|
|
||
|
|
</body>
|
||
|
|
</html>
|