优化登录和注册页面

This commit is contained in:
季圣华 2022-11-10 23:17:18 +08:00
parent ad204828ea
commit fba84d4581
2 changed files with 15 additions and 9 deletions

View File

@ -7,7 +7,7 @@
size="large"
v-decorator="['loginName',{initialValue:'', rules: validatorRules.loginName.rules}]"
type="text"
@focus="initWeixin"
@mouseover="initWeixin"
placeholder="请输入用户名">
<a-icon slot="prefix" type="user" :style="{ color: 'rgba(0,0,0,.25)' }"/>
</a-input>
@ -18,6 +18,7 @@
v-decorator="['password',{initialValue:'', rules: validatorRules.password.rules}]"
size="large"
type="password"
@mouseover="initWeixin"
autocomplete="false"
placeholder="密码">
<a-icon slot="prefix" type="lock" :style="{ color: 'rgba(0,0,0,.25)' }"/>
@ -38,6 +39,7 @@
htmlType="submit"
class="login-button"
:loading="loginBtn"
@mouseover="initWeixin"
@click.stop.prevent="handleSubmit"
:disabled="loginBtn">确定
</a-button>
@ -48,13 +50,13 @@
<a-col>
© 2015-2030 {{systemTitle}} - Powered By
<a style="color:#00458a;" :href="systemUrl" target="_blank">官方网站</a>
<span v-if="showWeixinSpan()" class="weixin" @mouseover="showWeixin" @click="changeWeixinStatus">微信小程序</span>
</a-col>
</a-row>
</div>
<div v-if="showWeixinFlag" style="text-align: center; padding-top: 10px;">
<img src="/static/weixin.jpg" style="width:258px" />
<div v-if="showWeixinFlag" style="text-align: center; padding-top: 20px;">
<img src="/static/weixin.jpg" style="width:160px" />
<div style="font-size:16px;padding-top:10px;font-weight:bold">欢迎扫一扫<br/>{{systemTitle}}微信小程序</div>
</div>
</a-form>
</div>

View File

@ -5,7 +5,8 @@
<a-form-item
fieldDecoratorId="username"
:fieldDecoratorOptions="{rules: [{ required: true, message: '用户名不能为空'}, { validator: this.handleUserName}], validateTrigger: ['change', 'blur'], validateFirst: true}">
<a-input size="large" type="text" @focus="initWeixin" autocomplete="false" placeholder="请输入用户名"></a-input>
<a-input size="large" type="text" @focus="initWeixin" @mouseover="initWeixin" autocomplete="false"
placeholder="请输入用户名"></a-input>
</a-form-item>
<a-popover placement="rightTop" trigger="click" :visible="state.passwordLevelChecked">
@ -21,7 +22,8 @@
<a-form-item
fieldDecoratorId="password"
:fieldDecoratorOptions="{rules: [{ required: false}, { validator: this.handlePasswordLevel }], validateTrigger: ['change', 'blur'], validateFirst: true}">
<a-input size="large" type="password" @click="handlePasswordInputClick" autocomplete="false" placeholder="至少6位密码区分大小写"></a-input>
<a-input size="large" type="password" @click="handlePasswordInputClick" @mouseover="initWeixin"
autocomplete="false" placeholder="至少6位密码区分大小写"></a-input>
</a-form-item>
</a-popover>
@ -40,6 +42,7 @@
size="large"
type="text"
default-value=""
@mouseover="initWeixin"
placeholder="请输入验证码">
<a-icon slot="prefix" type="smile" :style="{ color: 'rgba(0,0,0,.25)' }"/>
</a-input>
@ -58,6 +61,7 @@
htmlType="submit"
class="register-button"
:loading="registerBtn"
@mouseover="initWeixin"
@click.stop.prevent="handleSubmit"
:disabled="registerBtn">注册租户
</a-button>
@ -69,13 +73,13 @@
<a-col>
© 2015-2030 {{systemTitle}} - Powered By
<a style="color:#00458a;" :href="systemUrl" target="_blank">官方网站</a>
<span v-if="showWeixinSpan()" class="weixin" @mouseover="showWeixin" @click="changeWeixinStatus">微信小程序</span>
</a-col>
</a-row>
</div>
<div v-if="showWeixinFlag" style="text-align: center; padding-top: 10px;">
<img src="/static/weixin.jpg" style="width:258px" />
<div v-if="showWeixinFlag" style="text-align: center; padding-top: 20px;">
<img src="/static/weixin.jpg" style="width:160px" />
<div style="font-size:16px;padding-top:10px;font-weight:bold">欢迎扫一扫<br/>{{systemTitle}}微信小程序</div>
</div>
</a-form>
</div>