Login UI optimize

This commit is contained in:
MaxKey
2022-02-04 20:00:11 +08:00
parent 72f1868e4f
commit b44b32a34f
10 changed files with 61 additions and 34 deletions

View File

@@ -59,7 +59,7 @@ login.text.username=\u7528\u6237\u540D
login.text.mobile=\u624B\u673A\u53F7\u7801
login.text.password=\u5BC6    \u7801
login.text.captcha=\u9A8C\u8BC1\u7801
login.text.smscode=\u77ED\u4FE1\u9A8C\u8BC1\u7801
login.text.smscode=\u9A8C \u8BC1 \u7801
login.text.remeberme=\u8BB0\u4F4F\u767B\u5F55
login.text.forgotpassword=\u5FD8\u8BB0\u5BC6\u7801
login.button.login=\u767B\u5F55

View File

@@ -59,7 +59,7 @@ login.text.username=Username
login.text.mobile=Phone Number
login.text.password=Password
login.text.captcha=CAPTCHA
login.text.smscode=Message Code
login.text.smscode=Code
login.text.remeberme=RemeberMe
login.text.forgotpassword=Forgot Password
login.button.login=Login

View File

@@ -59,7 +59,7 @@ login.text.username=\u7528\u6237\u540D
login.text.mobile=\u624B\u673A\u53F7\u7801
login.text.password=\u5BC6    \u7801
login.text.captcha=\u9A8C\u8BC1\u7801
login.text.smscode=\u77ED\u4FE1\u9A8C\u8BC1\u7801
login.text.smscode=\u9A8C \u8BC1 \u7801
login.text.remeberme=\u8BB0\u4F4F\u767B\u5F55
login.text.forgotpassword=\u5FD8\u8BB0\u5BC6\u7801
login.button.login=\u767B\u5F55

View File

@@ -7,23 +7,27 @@
</td>
</tr>
<tr>
<td><@locale code="login.text.mobile"/></td>
<td><@locale code="login.text.mobile"/></td>
<td>
<div class="wrapper">
<i class="fa fa-mobile"></i>
<input required="" class="form-control" type='text' id='mobile_j_username' name='username' value="" tabindex="1"/>
<div class="input-group" style="width:250px;">
<i class="fa fa-mobile"></i>
<input required="" class="form-control" type='text' id='mobile_j_username' name='username' value="" tabindex="1"/>
</div>
</div>
</td>
</tr>
<tr>
<td><@locale code="login.text.smscode"/></td>
<td><@locale code="login.text.smscode"/></td>
<td>
<div class="wrapper">
<i class="fa fa-lock fa-2"></i>
<input required="" class="form-control" type='password' id='mobile_j_password' name='password' value="" tabindex="2" style="float: left;"/>
<button class="btn btn-outline-secondary" id="mobile_j_otp_button" tabindex="5" type="button" >
<@locale code="login.text.login.mobile.obtain"/>
</button>
<div class="input-group" style="width:250px;">
<i class="fa fa-lock fa-2"></i>
<input required="" class="form-control" type='password' id='mobile_j_password' name='password' value="" tabindex="2" style="float: left;"/>
<button class="btn btn-outline-secondary" id="mobile_j_otp_button" tabindex="5" type="button" >
<@locale code="login.text.login.mobile.obtain"/>
</button>
</div>
</div>
</td>
</tr>

View File

@@ -7,30 +7,39 @@
</td>
</tr>
<tr>
<td><@locale code="login.text.username"/></td>
<td><@locale code="login.text.username"/></td>
<td>
<div class="wrapper">
<i class="fa fa-user"></i>
<input required="" class="form-control" type='text' id='j_username' name='username' value="admin" tabindex="1"/>
<div class="input-group" style="width:250px;">
<i class="fa fa-user" ></i>
<input required="" class="form-control" type='text' id='j_username' name='username' value="admin" tabindex="1"/>
</div >
</div >
</td>
</tr>
<tr>
<td><@locale code="login.text.password"/></td>
<td><@locale code="login.text.password"/></td>
<td>
<div class="wrapper">
<i class="fa fa-key fa-2" style="color: #FFD700;"></i>
<input required="" class="form-control" type='password' id='j_password' name='password' value="maxkey" tabindex="2"/>
<div class="input-group" style="width:250px;">
<i class="fa fa-key fa-2" style="color: #FFD700;"></i>
<input required="" class="form-control" type='password' id='j_password' name='password' value="maxkey" tabindex="2"/>
<i class="passwdeye fa fa-eye-slash fa-2" style="left: 220px; color: gainsboro;" refid="j_password" ></i>
</div >
</div >
</td>
</tr>
<#if true==isCaptcha>
<tr>
<td><@locale code="login.text.captcha"/></td>
<td><@locale code="login.text.captcha"/></td>
<td>
<div class="wrapper">
<i class="fa fa-lock fa-2"></i>
<input required="" class="form-control " type='text' id="j_captcha" name="captcha" tabindex="3" value="" style="float: left;"/><img id="j_captchaimg" class="captcha-image" src="<@base/>/captcha"/>
<div class="input-group" style="width:250px;">
<i class="fa fa-lock fa-2" ></i>
<input required="" class="form-control " type='text' id="j_captcha" name="captcha" tabindex="3" value="" style="float: left;"/>
<img id="j_captchaimg" class="captcha-image" src="<@base/>/captcha"/>
</div >
</div >
</td>

View File

@@ -7,7 +7,7 @@
</td>
</tr>
<tr>
<td><@locale code="login.text.username"/></td>
<td><@locale code="login.text.username"/></td>
<td>
<div class="wrapper">
<i class="fa fa-user"></i>
@@ -16,7 +16,7 @@
</td>
</tr>
<tr>
<td><@locale code="login.text.password"/></td>
<td><@locale code="login.text.password"/></td>
<td>
<div class="wrapper">
<i class="fa fa-key fa-2" style="color: #FFD700;"></i>
@@ -26,7 +26,7 @@
</tr>
<#if true==isMfa >
<tr>
<td><@locale code="login.text.captcha"/></td>
<td><@locale code="login.text.captcha"/></td>
<td>
<div class="wrapper">
<i class="fa fa-lock fa-2"></i>