| | |
| | | <template> |
| | | <div class='login_container'> |
| | | <div class="login_span"> |
| | | <!-- 头像区域 --> |
| | | <span style="text-align: center;display:block;font-size: 100px;color: #FFFFFF;">青羊经侦管理系统</span> |
| | | </div> |
| | | <div class="login_box"> |
| | | <!-- 头像区域 --> |
| | | <div class="avater_box"> |
| | | <img src="../assets/logo.png" |
| | | <img src="../assets/jh.png" |
| | | alt=""> |
| | | </div> |
| | | <!-- 登录表单区域 --> |
| | |
| | | </el-form-item> |
| | | <!-- 密码 --> |
| | | <el-form-item prop="password"> |
| | | <el-input v-model="loginForm.password" |
| | | <el-input v-model="loginForm.password" show-password |
| | | prefix-icon="iconfont icon-3702mima" |
| | | type="password" @keyup.enter.native="login"></el-input> |
| | | </el-form-item> |
| | |
| | | data() { |
| | | return { |
| | | loginForm: { |
| | | username: 'admin', |
| | | password: 'admin' |
| | | username: '', |
| | | password: '' |
| | | }, |
| | | // 表单验证规则对象 |
| | | loginFormRules: { |
| | |
| | | } |
| | | } |
| | | |
| | | |
| | | // .login_span { |
| | | // position: absolute; |
| | | // bottom: 0; |
| | | // width: 100%; |
| | | // padding: 0 20px; |
| | | // box-sizing: border-box; |
| | | // } |
| | | |
| | | .login_form { |
| | | position: absolute; |
| | | bottom: 0; |