baizonghao
2023-05-25 3c4d54bcb66d7cec4a35defc999250e200b4fdd2
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: {
@@ -74,7 +78,8 @@
          method: 'POST',
          params: this.loginForm
        })
        if (res.code === 200) {
        console.log(res)
        if (res.code == 200) {
          this.$message.success('登录成功')
          window.sessionStorage.setItem('token', res.data)
          await this.$router.push('/home')
@@ -126,6 +131,15 @@
  }
}
// .login_span {
//   position: absolute;
//   bottom: 0;
//   width: 100%;
//   padding: 0 20px;
//   box-sizing: border-box;
// }
.login_form {
  position: absolute;
  bottom: 0;