修改登录界面

master
管理员 3 years ago
parent 9375ad772a
commit bfdb7d2b2b

File diff suppressed because it is too large Load Diff

@ -1,7 +1,7 @@
<template> <template>
<div class="login"> <div class="login">
<el-form ref="loginRef" :model="loginForm" :rules="loginRules" class="login-form"> <el-form ref="loginRef" :model="loginForm" :rules="loginRules" class="login-form">
<h3 class="title">RuoYi-Vue-Plus后台管理系统</h3> <h3 class="title">后台管理系统</h3>
<el-form-item prop="username"> <el-form-item prop="username">
<el-input <el-input
v-model="loginForm.username" v-model="loginForm.username"
@ -59,8 +59,9 @@
</el-form> </el-form>
<!-- 底部 --> <!-- 底部 -->
<div class="el-login-footer"> <div class="el-login-footer">
<span>Copyright © 2018-2023 疯狂的狮子Li All Rights Reserved.</span> <span>Copyright © 2023 湖南艾维禄科技有限公司 All Rights Reserved.</span>
</div> </div>
<w-bg-1></w-bg-1>
</div> </div>
</template> </template>
@ -69,6 +70,7 @@ import { getCodeImg } from "@/api/login";
import Cookies from "js-cookie"; import Cookies from "js-cookie";
import { encrypt, decrypt } from "@/utils/jsencrypt"; import { encrypt, decrypt } from "@/utils/jsencrypt";
import useUserStore from '@/store/modules/user' import useUserStore from '@/store/modules/user'
import WBg1 from "../components/bg/WBg1.vue";
const userStore = useUserStore() const userStore = useUserStore()
const router = useRouter(); const router = useRouter();
@ -156,20 +158,27 @@ getCookie();
justify-content: center; justify-content: center;
align-items: center; align-items: center;
height: 100%; height: 100%;
background-image: url("../assets/images/login-background.jpg");
background-size: cover; background-size: cover;
} }
.title { .title {
margin: 0px auto 30px auto; margin: 0px auto 30px auto;
text-align: center; text-align: center;
color: #707070; color: #555;
user-select: none;
font-size: 1.6rem;
font-weight: bold;
letter-spacing: .3rem;
} }
.login-form { .login-form {
border-radius: 6px; position: relative;
background: #ffffff; z-index: 10;
border-radius: .7rem;
background-image: linear-gradient(to bottom, #FFF,#FFF,#ddd);
width: 400px; width: 400px;
padding: 25px 25px 5px 25px; padding: 25px 25px 5px 25px;
box-shadow: 0 0 5rem #0005, 0 0 .5rem #FFF inset;
.el-input { .el-input {
height: 40px; height: 40px;
input { input {

Loading…
Cancel
Save