| | |
| | | <template> |
| | | <div class="register"> |
| | | <el-form ref="registerForm" :model="registerForm" :rules="registerRules" class="register-form"> |
| | | <h3 class="title">张氏APP后台管理系统</h3> |
| | | <h3 class="title">新用户注册</h3> |
| | | <el-form-item prop="username"> |
| | | <el-input v-model="registerForm.username" type="text" auto-complete="off" placeholder="账号"> |
| | | <svg-icon slot="prefix" icon-class="user" class="el-input__icon input-icon" /> |
| | |
| | | getCodeImg().then(res => { |
| | | this.captchaEnabled = res.captchaEnabled === undefined ? true : res.captchaEnabled; |
| | | if (this.captchaEnabled) { |
| | | this.codeUrl = "data:image/gif;base64," + res.img; |
| | | this.registerForm.uuid = res.uuid; |
| | | this.codeUrl = "data:image/gif;base64," + res.data.img; |
| | | this.registerForm.uuid = res.data.uuid; |
| | | } |
| | | }); |
| | | }, |
| | |
| | | }; |
| | | </script> |
| | | |
| | | <style rel="stylesheet/scss" lang="scss"> |
| | | <style rel="stylesheet/scss" scoped> |
| | | .register { |
| | | display: flex; |
| | | justify-content: center; |
| | | align-items: center; |
| | | height: 100%; |
| | | background-image: url("../assets/images/login-background.jpg"); |
| | | background-size: cover; |
| | | //background-image: url("../assets/images/login-background.jpg"); |
| | | background: no-repeat center/40% url("../assets/images/Group 132.png"); |
| | | background-color: #FEF7FC; |
| | | background-position: 183px 145px; |
| | | //background-size: cover; |
| | | } |
| | | .title { |
| | | margin: 0px auto 30px auto; |