|
|
|
|
<!doctype html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
<head>
|
|
|
|
|
<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>
|
|
|
|
|
<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">
|
|
|
|
|
<div class="float-end level me-3" id="level-container">
|
|
|
|
|
等级：
|
|
|
|
|
<button type="button" class="btn border btn-sm" data-code="1">入门</button>
|
|
|
|
|
<button type="button" class="btn border btn-sm" data-code="2">简单</button>
|
|
|
|
|
<button type="button" class="btn border btn-sm" data-code="3">普通</button>
|
|
|
|
|
<button type="button" class="btn border btn-sm" data-code="4">困难</button>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="float-end mode me-3" id="mode-container">
|
|
|
|
|
模式：
|
|
|
|
|
<button type="button" class="btn border btn-sm" data-code="0">正常模式</button>
|
|
|
|
|
<button type="button" class="btn border btn-sm" data-code="1">演示模式</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="float-start events d-flex align-items-center">
|
|
|
|
|
<button type="button" class="btn btn-primary btn-sm" data-event="start" id="start">开始</button>
|
|
|
|
|
<button type="button" class="btn btn-warning btn-sm d-none" id="pause" data-event="pause" data-status="0">暂停</button>
|
|
|
|
|
<!-- <button type="button" class="btn btn-danger btn-sm d-none" id="finish" data-event="finish">结束</button> -->
|
|
|
|
|
|
|
|
|
|
<div class="d-flex align-items-center d-none" id="again-box" style="height: 31px;">
|
|
|
|
|
<button type="button" class="btn btn-primary btn-sm me-3" id="again" data-event="again">再来一次</button>
|
|
|
|
|
<div class="d-flex align-items-center">最终得分: <span class="ms-2 fs-1 fw-bold text-danger" id="score"></span></div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="float-end actions d-none" id="action-container">
|
|
|
|
|
动作：
|
|
|
|
|
<button type="button" class="btn btn-outline-primary btn-sm" data-code="0">0</button>
|
|
|
|
|
<button type="button" class="btn btn-outline-secondary btn-sm" data-code="1">1</button>
|
|
|
|
|
<button type="button" class="btn btn-outline-success btn-sm" data-code="2">2</button>
|
|
|
|
|
<button type="button" class="btn btn-outline-danger btn-sm" data-code="3">3</button>
|
|
|
|
|
<button type="button" class="btn btn-outline-warning btn-sm" data-code="4">4</button>
|
|
|
|
|
<button type="button" class="btn btn-outline-info btn-sm" data-code="5">5</button>
|
|
|
|
|
</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>
|
|
|
|
|
</div>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
