odc.xiaohui
2023-04-14 15fccc0a1fedf1244516b108a4dc8a8acdfa3c7c
src/views/Login.vue
@@ -1,9 +1,13 @@
<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>
      <!-- 登录表单区域 -->
@@ -19,7 +23,7 @@
        </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>
@@ -43,8 +47,8 @@
  data() {
    return {
      loginForm: {
        username: 'admin',
        password: 'admin'
        username: '',
        password: ''
      },
      // 表单验证规则对象
      loginFormRules: {
@@ -126,6 +130,15 @@
  }
}
// .login_span {
//   position: absolute;
//   bottom: 0;
//   width: 100%;
//   padding: 0 20px;
//   box-sizing: border-box;
// }
.login_form {
  position: absolute;
  bottom: 0;