jiang
1622eaa2da
The scene previously returned early when realtime rows were absent and selected map-tier assets for network mode, hiding SCADA markers and station interiors and floors. Use SCADA timestamps as valid frames, render node-aligned monitor markers, and pin the full network context in the manifest regression test. Keep the timeline close action inside its drag header.
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=34-detailed-network-context"></script>
|
|
</body>
|
|
</html>
|