添加提示消息

timmyLan · Jan 19, 2017 · 76f20d1 · 76f20d1
1 parent b7e62c9
commit 76f20d1
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 8 deletions.
diff --git a/index.css b/index.css
@@ -59,3 +59,13 @@ body {
     display: none;
     cursor: pointer;
 }
+#next{
+    margin-bottom: 100px;
+}
+#info label{
+    display: inline-block;
+    margin-top: 20px;
+}
+#info{
+    padding: 20px;
+}
diff --git a/index.html b/index.html
@@ -11,14 +11,27 @@
 <body>
     <div class="site"></div>
     <div class="restart">restart</div>
-    <label for="highest-score">历史最高得分:</label>
-    <div id="highest-score"></div>
-    <label for="score">得分:</label>
-    <div id="score">0</div>
-    <label for="level">等级:</label>
-    <div id="level">0</div>
-    <label for="next">下一个方块:</label>
-    <div id="next"></div>
+    <div id="info">
+        <label for="highest-score">历史最高得分:</label>
+        <div id="highest-score"></div>
+        <label for="score">得分:</label>
+        <div id="score">0</div>
+        <label for="level">等级:</label>
+        <div id="level">0</div>
+        <label for="next">下一个方块:</label>
+        <div id="next"></div>
+        <label for="control">操作:</label>
+        <div id="control">
+            <label for="up">上方向键:</label>
+            <div id="up">方块变形</div>
+            <label for="left">左方向键:</label>
+            <div id="left">方块向左</div>
+            <label for="right">右方向键:</label>
+            <div id="right">方块向右</div>
+            <label for="space">空格键:</label>
+            <div id="space">方块加速掉落</div>
+        </div>
+    </div>
 <script src="index.js"></script>
 </body>
 </html>