|
@@ -1,5 +1,6 @@
|
|
|
<template>
|
|
|
<div class="login-container w100 h100">
|
|
|
+ <img :src="getImageUrl('logo.png')" class="login-container-logo" alt="" />
|
|
|
<div class="login-content">
|
|
|
<div class="login-content-main">
|
|
|
<Motion>
|
|
@@ -67,12 +68,17 @@ onMounted(async () => {
|
|
|
// background-image: url("@/assets/images/login/bg.png");
|
|
|
background-repeat: no-repeat;
|
|
|
background-size: calc(100vw + 1px) calc(100vh + 1px);
|
|
|
-
|
|
|
+ &-logo {
|
|
|
+ position: absolute;
|
|
|
+ top:8vh;
|
|
|
+ left: calc(50% - 125px);
|
|
|
+ width: 250px;
|
|
|
+ }
|
|
|
.login-content {
|
|
|
width: 500px;
|
|
|
- padding: 83px 80px 60px 80px;
|
|
|
+ padding: 40px 40px 30px;
|
|
|
position: absolute;
|
|
|
- right: 10vw;
|
|
|
+ left: calc(50% - 250px);
|
|
|
top: 50vh;
|
|
|
transform: translateY(-50%) translate3d(0, 0, 0);
|
|
|
background-color: var(--el-color-white);
|
|
@@ -80,10 +86,8 @@ onMounted(async () => {
|
|
|
overflow: hidden;
|
|
|
z-index: 1;
|
|
|
box-shadow: 0 0 20px 0 rgba(26, 64, 144, 0.46);
|
|
|
-
|
|
|
.login-content-main {
|
|
|
margin: 0 auto;
|
|
|
-
|
|
|
.login-content-title {
|
|
|
color: var(--el-color-primary);
|
|
|
font-size: 28px;
|