|
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
|
<html>
|
|
|
|
|
|
<head>
|
|
|
|
|
|
<meta charset="UTF-8" />
|
|
|
|
|
|
<!-- 设置文档字符编码为 UTF-8，确保页面正确显示中文等多语言字符 -->
|
|
|
|
|
|
<meta name="renderer" content="webkit">
|
|
|
|
|
|
<!-- 强制使用 WebKit 渲染引擎，适用于某些浏览器（如 QQ 浏览器）以确保更好的兼容性 -->
|
|
|
|
|
|
<title>mall4uni-pro</title>
|
|
|
|
|
|
<!-- 页面标题，显示在浏览器标签上 -->
|
|
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
|
// 检查浏览器是否支持 CSS 的 `env()` 和 `constant()` 函数
|
|
|
|
|
|
// 这些函数用于适配 iPhone X 及以上机型的“安全区域”（如底部导航栏）
|
|
|
|
|
|
let coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') || CSS.supports('top: constant(a)'));
|
|
|
|
|
|
|
|
|
|
|
|
// 动态生成 viewport 元标签，设置页面的视口属性
|
|
|
|
|
|
// `viewport-fit=cover` 用于确保页面内容完全覆盖整个屏幕，避免出现空白区域
|
|
|
|
|
|
document.write(
|
|
|
|
|
|
'<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' +
|
|
|
|
|
|
(coverSupport ? ', viewport-fit=cover' : '') + '" />'
|
|
|
|
|
|
);
|
|
|
|
|
|
</script>
|
|
|
|
|
|
<!-- 预加载链接（preload-links），通常用于预加载关键资源，提升页面加载速度 -->
|
|
|
|
|
|
<!--app-context-->
|
|
|
|
|
|
<!-- 此处可能是动态插入的应用上下文信息，例如通过服务器端渲染（SSR）注入的数据 -->
|
|
|
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
|
|
|
<div id="app"><!--app-html--></div>
|
|
|
|
|
|
<!-- 主应用容器，Vue 或其他前端框架的根元素将挂载在这里 -->
|
|
|
|
|
|
|
|
|
|
|
|
<script type="module" src="/src/main.js"></script>
|
|
|
|
|
|
<!-- 引入主 JavaScript 文件，使用 ES6 模块语法 (`type="module"`)，确保代码模块化和更好的性能 -->
|
|
|
|
|
|
</body>
|
|
|
|
|
|
</html>
|
