添加切换游戏快捷按钮

4 years ago · 87519222d8
4 changed files with 42 additions and 10 deletions
--- a/public/index.html
+++ b/public/index.html
@ -4,13 +4,28 @@
 	<meta charset="UTF-8">
 	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
 	<meta http-equiv="X-UA-Compatible" content="ie=edge">
-	<title><%= htmlWebpackPlugin.options.title %></title>
+	<title>太空机战</title>
 	<link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.0.2/css/bootstrap.min.css" rel="stylesheet">
 </head>
 <body>
 <div class="d-flex flex-column" style="height: 100vh">
 	<div class="container p-3 clearfix">
 		<div class="float-start">
+			<button type="button" class="btn btn-warning btn-sm me-3" data-bs-toggle="modal" id="myList" data-bs-target="#myList">切换游戏</button>
+			<ul class="list-group" id="game-list" style="position: fixed;z-index: 99;display: none">
+				<li class="list-group-item mt-1">
+					<a style="text-decoration:none;color: #333;" target="_parent" href="https://www.tall.wiki/kangfu/game/bird/win/">鸟妈妈回家</a>
+				</li>
+				<li class="list-group-item">
+					<a style="text-decoration:none;color: #333;" target="_parent" href="https://www.tall.wiki/kangfu/game/tomato/win">番茄炒蛋</a>
+				</li>
+				<li class="list-group-item">
+					<a style="text-decoration:none;color: #333;" target="_parent" href="https://www.tall.wiki/kangfu/game/orange-juice/win">挤橙汁</a>
+				</li>
+				<li class="list-group-item">
+					<a style="text-decoration:none;color: #333;" target="_parent" href="https://www.tall.wiki/kangfu/game/hurdle/win">跨栏</a>
+				</li>
+			</ul>
 			<button type="button" class="btn btn-success btn-sm me-3" data-bs-toggle="modal"  id="myModal" data-bs-target="#myModal">配置</button>
 			<div class="float-end level me-3" id="level-container">
 				等级：
@ -48,8 +63,8 @@
 		</div>
 	</div>
 	<hr />
-	<!-- <iframe id="iframe" src="http://127.0.0.1:5500/dist/" frameborder="0" style="flex: 1"></iframe> -->
-	<iframe id="iframe" src="https://www.tall.wiki/kangfu/game/bird/game" frameborder="0" style="flex: 1"></iframe>
+	<!-- <iframe id="iframe" src="http://127.0.0.1:5501/dist/" frameborder="0" style="flex: 1"></iframe> -->
+	<iframe id="iframe" src="https://www.tall.wiki/kangfu/game/bomb/game" frameborder="0" style="flex: 1"></iframe>

 	<!-- 配置 -->
 	<div class="modal" tabindex="-1" id="myInput" style="background: rgba(0,0,0,.5);">
--- a/src/config.js
+++ b/src/config.js
@ -16,14 +16,15 @@ export const game = {
    height: 600
  },
  count: 5, // 倒计时时长
-  game: 60, // 游戏时长
-  level: 1, // 等级 1->入门 2->简单 3->普通 4->困难
-  totalScore: 100,
-  totalTimes: 20,
+  game: 70, // 游戏时长
+  level: 2, // 等级 1->入门 2->简单 3->普通 4->困难
+  totalScore: 90,
+  totalTimes: 15,
  mode: 0, // 模式 0-> 正常模式 1-> 演示模式

  scores: [
-    { direction: 0, score: 5 },
+    { direction: 0, score: 6 }, // 左
+    { direction: 1, score: 6 }, // 右
  ],
-  directions: directions(),
+  directions: [1, 0, 0, 1, 1, 0, 1, 0, 0, 1, 1, 0, 0, 1, 1],
 }
--- a/src/dom.js
+++ b/src/dom.js
@ -290,3 +290,18 @@ export function cancelSetting(){
      })
    }
 }
+
+// 弹出游戏列表
+export function openGameList() {
+  var myList = document.getElementById('myList')
+  var list = document.getElementById('game-list')
+
+  myList.addEventListener('click', function () {
+    console.log('list.classList: ', list.style.display);
+    if(list.style.display === 'none'){
+      list.style.display = 'block'
+    }else{
+      list.style.display = 'none'
+    }
+  })
+}
--- a/src/index.js
+++ b/src/index.js
@ -1,4 +1,4 @@
-import { setDefaultStyle, handleEventButtons, handlePlayCodeButtons,handleLevelButtons,handleModeButtons, openSettingTable,submitSetting,cancelSetting } from "./dom";
+import { setDefaultStyle, handleEventButtons, handlePlayCodeButtons,handleLevelButtons,handleModeButtons, openSettingTable,submitSetting,cancelSetting,openGameList } from "./dom";
 import { onMessage, setFrameStyle } from "./frame";

 window.addEventListener('load', init, false)
@ -21,4 +21,5 @@ function initDom() {
  handlePlayCodeButtons(); // 事件play code 绑定事件
  submitSetting(); // 提交配置表
  cancelSetting(); // 取消配置表
+  openGameList(); // 打开游戏列表
 }