zhaoxin/rock-paper-scissors
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

添加帮助

Browse Source
This commit is contained in:
赵鑫 2022-08-20 23:34:48 +08:00
parent 6d0c87f45d
commit deb700e3b4
2 changed files with 14 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
public/index.html
View File

@ -6,10 +6,11 @@
<meta name="viewport" ,content="width=device-width, initial-scale=1.0"> <meta name="viewport" ,content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="data:" type="image/x-icon"> <link rel="shortcut icon" href="data:" type="image/x-icon">
<link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="style.css">
<title>包剪锤</title> <title>石头、剪刀、布</title>
</head> </head>
<body> <body>
<h1>石头、剪刀、布</h1>
<div id="game"> <div id="game">
<div id="player1"> <div id="player1">
<div class="name">玩家甲</div> <div class="name">玩家甲</div>
@ -22,6 +23,7 @@
<div class="name">玩家乙</div> <div class="name">玩家乙</div>
</div> </div>
</div> </div>
<p><kbd>S</kbd>出剪刀 <kbd>D</kbd>出石头 <kbd>F</kbd>出布 点击自己的名字可以改名</p>
<script src="socket.io/socket.io.js"></script> <script src="socket.io/socket.io.js"></script>
<script src="client.js"></script> <script src="client.js"></script>
</body> </body>

11
public/style.css
View File

@ -8,11 +8,16 @@ body {
width: 100%; width: 100%;
height: 100vh; height: 100vh;
display: flex; display: flex;
flex-direction: column;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
user-select: none; user-select: none;
} }
#game {
margin: 20px 0;
}
#game, #game,
#player1, #player1,
#player2 { #player2 {
@ -20,6 +25,12 @@ body {
gap: 10px; gap: 10px;
} }
kbd {
padding: 4px 8px;
border: 1px solid #777;
border-radius: 0.25rem;
}
.score, .score,
.shape { .shape {
min-width: 200px; min-width: 200px;