| | |
| | | type="text" |
| | | > |
| | | <template #prefix> |
| | | <svg-icon class="el-input__icon input-icon" icon-class="user" /> |
| | | <svg-icon |
| | | class="el-input__icon input-icon" |
| | | icon-class="user" |
| | | /> |
| | | </template> |
| | | </el-input> |
| | | </el-form-item> |
| | |
| | | </template> |
| | | </el-input> |
| | | <div class="login-code"> |
| | | <img :src="codeUrl" class="login-code-img" @click="getCode" /> |
| | | <img |
| | | :src="codeUrl" |
| | | class="login-code-img" |
| | | @click="getCode" |
| | | /> |
| | | </div> |
| | | </el-form-item> |
| | | <el-checkbox |
| | |
| | | <div class="other-title"> |
| | | <span style="color: #b3b8c1">其他登录方式:</span |
| | | ><span style="color: #2d5eff; cursor: pointer"> |
| | | <SvgIcon icon-class="phone" />手机验证码登录 |
| | | <svg-icon icon-class="phone" />手机验证码登录 |
| | | </span> |
| | | </div> |
| | | <div class="forget">忘记密码?</div> |
| | |
| | | import { getCodeImg } from "@/api/login"; |
| | | import Cookies from "js-cookie"; |
| | | import { encrypt, decrypt } from "@/utils/jsencrypt"; |
| | | import SvgIcon from '@/components/SvgIcon/index.vue'; |
| | | |
| | | export default { |
| | | name: "Login", |
| | |
| | | register: false, |
| | | redirect: undefined, |
| | | }; |
| | | }, |
| | | comments: { |
| | | SvgIcon |
| | | }, |
| | | watch: { |
| | | $route: { |
| | |
| | | console.log(this.loginForm); |
| | | }, |
| | | handleLogin() { |
| | | debugger |
| | | this.$refs.loginRef.validate((valid) => { |
| | | if (valid) { |
| | | this.loading = true; |
| | |
| | | align-items: center; |
| | | gap: 100px; |
| | | height: calc(100vh - 50px); |
| | | background-image: url("../assets/images/login-background.png"); |
| | | background-image: url('../assets/images/login-background.png'); |
| | | background-size: cover; |
| | | |
| | | .left { |
| | |
| | | } |
| | | |
| | | .img { |
| | | background-image: url("../assets/images/login.png"); |
| | | background-image: url('../assets/images/login.png'); |
| | | background-size: cover; |
| | | height: 295px; |
| | | width: 366px; |