26 lines
1.4 KiB
HTML
26 lines
1.4 KiB
HTML
<!doctype html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width,initial-scale=1">
|
|
<title>湛江北站供水系统三维渲染器</title>
|
|
<style>
|
|
html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#e2e8e9}
|
|
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
|
|
canvas{display:block;width:100%;height:100%;touch-action:none}
|
|
#boot{position:absolute;inset:0;z-index:2;display:grid;place-items:center;color:#526777;background:#e2e8e9;transition:opacity 180ms cubic-bezier(.16,1,.3,1)}
|
|
#boot[hidden]{display:none}
|
|
#boot span{display:flex;align-items:center;gap:10px;font-size:13px}
|
|
#boot i{width:18px;height:18px;border:2px solid rgba(37,125,212,.22);border-top-color:#257dd4;border-radius:50%;animation:spin .8s linear infinite}
|
|
@keyframes spin{to{transform:rotate(360deg)}}
|
|
@media(prefers-reduced-motion:reduce){#boot i{animation:none;border-top-color:rgba(37,125,212,.22)}}
|
|
</style>
|
|
<script type="importmap">{"imports":{"three":"./vendor/three/three.module.js","three/addons/":"./vendor/three/addons/"}}</script>
|
|
</head>
|
|
<body>
|
|
<div id="boot" role="status"><span><i aria-hidden="true"></i>正在载入三维模型</span></div>
|
|
<output id="qa" hidden></output>
|
|
<script type="module" src="./preview.mjs?v=29-platform2"></script>
|
|
</body>
|
|
</html>
|