forked from Steve245270533/gallery
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
68 lines (61 loc) · 2.81 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
<!DOCTYPE html>
<html lang="en">
<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, user-scalable=no" />
<title>gallery</title>
<link rel="stylesheet" href="src/style.css">
<link rel="stylesheet" href="src/ui/ui.css">
</head>
<body>
<!-- loading相关 -->
<div class="loading">
<div class="loading-circle"></div>
<div class="progress"></div>
</div>
<div class="loading-complete display-none">
<p>
加载完成
<svg t="1677233206130" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2675" width="24" height="24"><path d="M537.6 102.4c73.5744 0 142.336 20.6848 200.704 56.576 15.872 9.6256 16.7936 23.1424 2.9696 40.5504-14.08 16.2816-43.008 13.2608-86.8352-9.216l-0.0512 0.0512a318.1568 318.1568 0 1 0 104.8064 524.3904h0.3584c19.456-26.7776 40.5504-40.192 63.1296-40.2432l6.8096 0.4096c24.064 4.4032 30.4128 16.6912 19.0464 36.864l0.2048-0.3584-0.1536 0.1536-0.0512 0.2048h-0.1024l-7.936 10.5984A384 384 0 1 1 537.6 102.4z m332.288 201.0112a33.28 33.28 0 0 1 0 47.104l-276.48 276.48a31.2832 31.2832 0 0 1-0.512 0.4608l-3.584 3.584a30.72 30.72 0 0 1-43.4176 0l-1.8432-1.792-0.4096-0.512-135.3216-135.2704a30.72 30.72 0 0 1 0-43.4176l3.584-3.584a30.72 30.72 0 0 1 43.4688 0l112.2304 112.128 255.232-255.1808a33.28 33.28 0 0 1 47.104 0z" fill="#ffffff" p-id="2676"></path></svg>
</p>
<p>
Tips:(移动端建议开启横屏,双击屏幕开启全屏体验更佳!)
</p>
<div class="start">进入展馆</div>
</div>
<!-- css3DRenderer -->
<div id="css"></div>
<!-- webgl -->
<div id="app"></div>
<!-- 下方气泡提示 -->
<div class="preview-tooltip hide"></div>
<div class="preview-tips hide">Tips:点击此画可查看详情</div>
<!-- 画框详情框 -->
<div class="boards-info" style="visibility: hidden;">
<div class="boards-container hide">
<div class="content">
<section class="info">
<div class="title"></div>
<div class="author"></div>
<div class="describe"></div>
</section>
<section class="img">
<img src="" alt="">
</section>
</div>
<div class="close boards-info-close"></div>
</div>
</div>
<!-- 操作指引弹窗 -->
<div class="help" title="帮助">?</div>
<div class="operating-intro display-none">
<h2>操作指引</h2>
<img class="operating-intro-img" src="/operating.png" alt="">
<div class="close operating-intro-close" title="关闭"></div>
</div>
<!-- 虚拟摇杆 -->
<div id="joystick"></div>
<script type="module" src="./src/main.ts"></script>
</body>
</html>