增加用户管理
This commit is contained in:
@@ -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>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user