From 616088e0095eb451ecb0264e06927c707abfc2b8 Mon Sep 17 00:00:00 2001
From: lzhe <181968431@qq.com>
Date: 星期六, 13 四月 2024 13:07:13 +0800
Subject: [PATCH] 1
---
src/views/login/index.vue | 13 ++++++++-----
1 files changed, 8 insertions(+), 5 deletions(-)
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index 6331676..cd988fc 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -1,9 +1,10 @@
<template>
<div class="login_bg">
- <div class="login_adv" style="background-image: url(img/bg-login.fb434d99.jpg);">
- <div class="login_adv__bottom">
- 漏 {{$CONFIG.APP_NAME}}
+ <div class="login_adv" style="background-image: url(img/auth_banner.jpg);">
+ <div class="login_log">
+ <img src="./loginlog.png" />
</div>
+ <div class="login_adv__bottom">漏 {{$CONFIG.APP_NAME}}</div>
</div>
<div class="login_main">
<div class="login-form">
@@ -79,7 +80,9 @@
<style scoped>
.login_bg {width: 100%;height: 100%;background: #fff;display: flex;}
- .login_adv {width: 100%;background-color: #555;background-size: cover;background-position: center center;background-repeat: no-repeat;position: relative;}
+ .login_adv {width: 33.3%;background-color: #555;background-size: cover;background-position: center center;background-repeat: no-repeat;position: relative;}
+ .login_adv .login_log {text-align: center;}
+ .login_adv .login_log img {width:80%;padding-top:40%;}
.login_adv__title {color: #fff;padding: 40px;position: absolute;top:0px;left:0px;right: 0px;z-index: 2;}
.login_adv__title h2 {font-size: 40px;}
.login_adv__title h4 {font-size: 18px;margin-top: 10px;font-weight: normal;}
@@ -91,7 +94,7 @@
.login_adv__bottom {position: absolute;left:0px;right: 0px;bottom: 0px;color: #fff;padding: 40px;background-image:linear-gradient(transparent, #000);z-index: 3;}
.login_adv__mask {position: absolute;top:0px;left:0px;right: 0px;bottom: 0px;background: rgba(0,0,0,0.5);z-index: 1;}
- .login_main {position: absolute;top: 0;right:150px;width: 484px;height: 640px;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);background: #fff;text-align: center;padding: 22px 25px 28px;}
+ .login_main {display: flex;flex: 1;align-items: center;background: #fff;text-align: center;}
.login-form {}
.login-header {margin-bottom: 40px;}
.login-header .logo {display: flex;align-items: center;}
--
Gitblit v1.9.3