| | |
| | | <el-checkbox v-model="saveCode" label="记住密码" size="large" /> |
| | | <span class="forgetCode" @click="identify">忘记密码?</span> |
| | | </el-form-item> |
| | | <el-form-item class="login-animation4"> |
| | | <div class="btnBox"> |
| | | <el-button type="primary" class="login-content-submit" round @click="onSignIn" :loading="loading.signIn"> |
| | | <span>登录系统</span> |
| | | <span>登 录</span> |
| | | </el-button> |
| | | </el-form-item> |
| | | </div> |
| | | </el-form> |
| | | <el-dialog v-model="identifyDialog" title="重置密码" width="30%" center @close="clearIdentity"> |
| | | <el-form :model="identity" label-width="80px" ref="identifyRef" :rules="identityRules"> |
| | |
| | | <style scoped lang="scss"> |
| | | .login-content-form { |
| | | margin-top: 40px; |
| | | width: 100%; |
| | | width: 80%; |
| | | |
| | | .el-input::v-deep .el-input__wrapper { |
| | | height: 56px; |
| | | border-radius: 28px; |
| | | border-radius: 4px; |
| | | padding: 0 30px; |
| | | background: #f2f2f2; |
| | | &:focus-within { |
| | | border: 1px solid #2053d7; |
| | | } |
| | |
| | | font-weight: bold; |
| | | letter-spacing: 5px; |
| | | } |
| | | .btnBox{ |
| | | display: flex; |
| | | justify-content: center; |
| | | } |
| | | .login-content-submit { |
| | | width: 100%; |
| | | width: 55%; |
| | | height: 56px; |
| | | font-size: 16px; |
| | | border-radius: 28px; |
| | | font-size: 18px; |
| | | border-radius: 6px; |
| | | letter-spacing: 4px; |
| | | font-weight: 300; |
| | | margin-top: 15px; |
| | | background: #2053d7; |
| | | background-image: linear-gradient(to right,#545EF1,#6B8CF1); |
| | | transition: 0.3s; |
| | | box-shadow: 0 8px 30px rgba(88,101,241,.4); |
| | | &:hover { |
| | | letter-spacing: 6px; |
| | | background: #4e7aec; |
| | | background-image: linear-gradient(to left,#545EF1,#6B8CF1); |
| | | } |
| | | } |
| | | } |