|
|
|
@ -1,5 +1,9 @@ |
|
|
|
<template> |
|
|
|
<div class="login"> |
|
|
|
<div class="system-name"> |
|
|
|
<img class="system-logo" src="@/assets/images/logo-white.png" /> |
|
|
|
<div>{{ $t('system.name')}} </div> |
|
|
|
</div> |
|
|
|
<el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form"> |
|
|
|
<div class="login-lang"><lang-select class="set-language" /></div> |
|
|
|
<div class="login-title"> |
|
|
|
@ -193,6 +197,20 @@ export default { |
|
|
|
height: 100%; |
|
|
|
background-image: url("../assets/images/login-background.jpg"); |
|
|
|
background-size: cover; |
|
|
|
.system-name{ |
|
|
|
position: absolute; |
|
|
|
left: 60px; |
|
|
|
top:60px; |
|
|
|
color: #fff; |
|
|
|
font-size: 30px; |
|
|
|
display: flex; |
|
|
|
flex-direction: row; |
|
|
|
align-items: center; |
|
|
|
.system-logo{ |
|
|
|
height: 31px; |
|
|
|
margin-right: 20px; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
.title { |
|
|
|
margin: 0px auto 30px auto; |
|
|
|
|