增加用户管理

This commit is contained in:
wtz
2026-02-20 23:39:49 +08:00
parent a272dad5f1
commit af3b805dbf
18 changed files with 1493 additions and 53 deletions

View File

@@ -8,10 +8,49 @@
</head>
<body>
<div id="app">
<div id="lobby" class="screen">
<div id="auth" class="screen">
<h1>斗地主残局版</h1>
<div class="auth-tabs">
<button id="loginTab" class="tab active">登录</button>
<button id="registerTab" class="tab">注册</button>
</div>
<div id="loginForm" class="auth-form">
<input type="text" id="loginUsername" placeholder="用户名" maxlength="20">
<input type="password" id="loginPassword" placeholder="密码">
<div class="captcha-row">
<input type="text" id="loginCaptcha" placeholder="验证码" maxlength="4">
<img id="loginCaptchaImg" src="" alt="验证码" class="captcha-img">
</div>
<button id="loginBtn" class="btn primary">登录</button>
</div>
<div id="registerForm" class="auth-form hidden">
<input type="text" id="regUsername" placeholder="用户名 (3-20字符)" maxlength="20">
<input type="password" id="regPassword" placeholder="密码 (至少6位)">
<input type="text" id="regNickname" placeholder="昵称" maxlength="10">
<div class="captcha-row">
<input type="text" id="regCaptcha" placeholder="验证码" maxlength="4">
<img id="regCaptchaImg" src="" alt="验证码" class="captcha-img">
</div>
<button id="registerBtn" class="btn primary">注册</button>
</div>
<div class="rules">
<h3>规则</h3>
<ul>
<li>新增"超人强"为最大单牌</li>
<li>每人初始5张牌</li>
<li>三张可成顺子/炸弹,两对可成连对</li>
</ul>
</div>
</div>
<div id="lobby" class="screen hidden">
<h1>斗地主残局版</h1>
<div class="user-info">
<span id="welcomeUser">欢迎</span>
<button id="logoutBtn" class="btn sm">退出登录</button>
</div>
<div class="form">
<input type="text" id="playerName" placeholder="昵称" maxlength="10">
<input type="text" id="playerName" placeholder="游戏昵称" maxlength="10">
<select id="maxPlayers">
<option value="2">2人</option>
<option value="3">3人</option>
@@ -25,14 +64,6 @@
<button id="joinBtn" class="btn">加入</button>
</div>
</div>
<div class="rules">
<h3>规则</h3>
<ul>
<li>新增"超人强"为最大单牌</li>
<li>每人初始5张牌</li>
<li>三张可成顺子/炸弹,两对可成连对</li>
</ul>
</div>
</div>
<div id="waiting" class="screen hidden">
@@ -41,7 +72,7 @@
<div id="playerList"></div>
<div class="actions">
<button id="readyBtn" class="btn primary">准备</button>
<button id="leaveBtn" class="btn danger">离开</button>
<button id="leaveBtn" class="btn danger">离开房间</button>
</div>
</div>