From 87519222d82cba6d76cb93ee512628925acff6cd Mon Sep 17 00:00:00 2001
From: song <srf428110@163.com>
Date: Fri, 15 Oct 2021 17:55:22 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E5=88=87=E6=8D=A2=E6=B8=B8?=
 =?UTF-8?q?=E6=88=8F=E5=BF=AB=E6=8D=B7=E6=8C=89=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/index.html | 21 ++++++++++++++++++---
 src/config.js     | 13 +++++++------
 src/dom.js        | 15 +++++++++++++++
 src/index.js      |  3 ++-
 4 files changed, 42 insertions(+), 10 deletions(-)
diff --git a/public/index.html b/public/index.html
index 4e1afcb..eaf462d 100644
--- 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);">
diff --git a/src/config.js b/src/config.js
index 6ac836c..80c1fde 100644
--- 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],
 }
diff --git a/src/dom.js b/src/dom.js
index 33e0fb6..919d27f 100644
--- 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'
+    }
+  })
+}
diff --git a/src/index.js b/src/index.js
index 25bb232..3540953 100644
--- 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(); // 打开游戏列表
 }
