You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
72 lines
3.5 KiB
72 lines
3.5 KiB
<!DOCTYPE html>
|
|
<html lang="zh">
|
|
<head>
|
|
<meta charset="UTF-8"/>
|
|
<link rel="icon" type="image/svg+xml" href="/vite.svg"/>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
|
<link rel="stylesheet" href="/style.css"/>
|
|
<title>Wails App</title>
|
|
</head>
|
|
<body style="overflow: hidden; ">
|
|
<div id="bg" style="margin: auto;height: 100vh; position: relative;">
|
|
<video id="bgVideo" muted autoplay loop height="100%">
|
|
<source src="./assets/bg.mp4" type="video/mp4">
|
|
</video>
|
|
<video id="hVideo" muted autoplay loop height="100%" style="display: none;">
|
|
<source src="./assets/hello.mp4" type="video/mp4">
|
|
</video>
|
|
<video id="aVideo" muted autoplay loop height="100%" style="display: none;">
|
|
<source src="./assets/ask.mp4" type="video/mp4">
|
|
</video>
|
|
<img id="overTop" src="./assets/title_bg.png" style="position: absolute; left:0; top: 0;" />
|
|
|
|
<img src="./assets/logo.svg" style="position: absolute; top: 56px; left: 56px;" />
|
|
|
|
<img src="./assets/code.png" style="position: absolute; top: 165px; left: 56px; width: 257px;" />
|
|
|
|
<div style="position: absolute; top: 35px; right: 35px; display: flex;color: #FFF;flex-direction: row;gap: 10px; align-items: center;">
|
|
<span id="timeTxt" style="font-size: 28px;font-weight: 700;line-height: 30px; "></span>
|
|
<div style="display: flex;gap: 0;flex-direction: column;">
|
|
<span id="dateTxt" style="font-size: 12px;font-weight: 700;line-height: 14px; "></span>
|
|
<span id="weekTxt" style="font-size: 12px;font-weight: 700;line-height: 14px; "></span>
|
|
</div>
|
|
<img src="./assets/weather.png" />
|
|
</div>
|
|
|
|
<div id="txtBg" class="content">
|
|
<ul id="cont">
|
|
<li class="left">
|
|
<span>小红帽</span>
|
|
</li>
|
|
<li class="left">
|
|
<div>您好呀，有什么需要帮助的吗？</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<img id="overImg" src="./assets/bg.png" style="position: absolute; left:0; bottom: 0;" />
|
|
|
|
<img id="startBnt" src="./assets/start.png" width="120" style="position: absolute; transform: translateX(-60px); left: 50%; " onclick="audioStart()" />
|
|
<div id="stopBnt" style="position: absolute; display: none; transform: translateX(-60px); left: 50%;" onclick="audioStop()">
|
|
<img src="./assets/stop.svg" width="120" />
|
|
<img class="muice" src="./assets/rod.svg" width="54" style="position: absolute; transform: translateX(-27px); left: 50%; top: 34px; "/>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="mark" style="width: 100vw;height: 100vh; background:rgba(0,0,0,0.7); position:absolute; display: none; top:0px; backdrop-filter:blur(10px); align-items: center;justify-content: center;">
|
|
|
|
</div>
|
|
<!-- 地图容器 -->
|
|
<div id="mapContainer" style="width: 100vw;height: 960px; position: absolute; visibility: hidden; top: 480px;background-color: #eee;"></div>
|
|
|
|
<script src="/iflyrec/crypto-js.js"></script>
|
|
<script src="/iflyrec/index.umd.js"></script>
|
|
<script src="/tts/base64.js"></script>
|
|
<script src="/tts/index.umd.js"></script>
|
|
<script src="/qm/three.js"></script>
|
|
<script src="/qm/MainMap_QM_label.js"></script>
|
|
<script type="module" src="/tts/index.js"></script>
|
|
<script type="module" src="/main.js"></script>
|
|
</body>
|
|
|
|
</html>
|
|
|