forked from bigbrochan/popstar
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
76 lines (73 loc) · 2.85 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
69
70
71
72
73
74
75
76
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<title>消灭星星-POPSTAR！</title>
<script>
(function() {
//响应式代码---------------------------------------------------------------------------------
var dpr = window.devicePixelRatio
var meta = document.querySelector('meta[name="viewport"]')
meta.setAttribute('content', `initial-scale=${1/dpr},maximum-scale=${1/dpr},user-scalable=0`)
document.documentElement.style.fontSize = document.documentElement.clientWidth / 7.5 + 'px';
})()
</script>
<link rel="stylesheet" href="./index.css">
</head>
<body>
<div class="nav-page">
<div class="nav-menu">
<img src="./imgsrc/start.png" class="nav-start">
<img src="./imgsrc/continue.png" class="nav-continue">
<div class="record">
<span >纪录：</span>
<span class="record-text">1000</span>
</div>
</div>
</div>
<div class="game-page hidden">
<div class="game-data">
<span class="level-text level">关卡: <span class="level-data"></span></span>
<span class="need need-text">目标: <span class="need-data"></span></span>
</div>
<div class="score-data">
<div class="score">400</div>
<div class="score-add">
<span class="clear-amount"></span>连消<span class="add-score"></span>分
</div>
<div class="extra-score">
剩余<span class="remain">10</span>个,奖励<span class="bonus-mark"></span>分
</div>
</div>
<div class="success"></div>
<div class="good"></div>
<div class="better"></div>
<div class="best"></div>
<div class="stars">
</div>
<div class="gameover">
<div class="wrapper">
<h1>游戏结束</h1>
<div class="score-detail">
<div>
纪录: <span class="record-text"></span>
</div>
<div>
关卡：<span class="game-level"></span>
</div>
<div>
得分：<span class="game-score"></span>
</div>
</div>
<img src="./imgsrc/start.png" class="restart newgame">
<img src="./imgsrc/back.png" class="back-menu back-home">
</div>
</div>
<img src="./imgsrc/backlogo.png" alt="返回首页" class="back-logo back-home">
<img src="./imgsrc/reflesh.png" alt="重新开始" class="reflesh newgame">
</div>
<script src='./hammer.min.js'></script>
<script src='./index.js'></script>
</body>
</html>