From e80c55d472bbb4576e448fdff2ed347dd2859115 Mon Sep 17 00:00:00 2001
From: kun <1422840143@qq.com>
Date: Wed, 3 Jul 2024 10:27:08 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E6=94=B9=E7=99=BB=E5=BD=95?=
 =?UTF-8?q?=E9=A1=B5=E4=B8=BA=E4=B9=B3=E5=B1=B1=E7=89=88=E6=9C=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../login/{index-rs.scss => index-hc.scss}    | 26 ++++++-------------
 .../login/{index-rs.vue => index-hc.vue}      | 14 ++++------
 src/views/login/index.scss                    | 26 +++++++++++++------
 src/views/login/index.vue                     | 14 ++++++----
 4 files changed, 40 insertions(+), 40 deletions(-)
 rename src/views/login/{index-rs.scss => index-hc.scss} (82%)
 rename src/views/login/{index-rs.vue => index-hc.vue} (65%)

diff --git a/src/views/login/index-rs.scss b/src/views/login/index-hc.scss
similarity index 82%
rename from src/views/login/index-rs.scss
rename to src/views/login/index-hc.scss
index 74e7092..a4dad02 100644
--- a/src/views/login/index-rs.scss
+++ b/src/views/login/index-hc.scss
@@ -1,29 +1,19 @@
-.flx-center {
-	display: flex;
-	flex-direction: column;
-	align-items: flex-start;
-}
 .login-container {
 	height: 100%;
 	min-height: 550px;
-	background: url("@/assets/images/login/bglogin_rushan.png") center center no-repeat;
-	background-size: 100% 65%;
-	.login-title {
-		color: #2a314b;
-		font-weight: 600;
-		font-size: 22px;
-		> span {
-			margin-left: 30px;
-		}
-	}
+	background: url("@/assets/images/login/loginBackground.jpg") center center no-repeat;
+	background-color: #eeeeee;
+	background-size: 100% 100%;
+	background-size: cover;
 	.login-box {
 		position: relative;
 		box-sizing: border-box;
 		display: flex;
 		align-items: center;
-		justify-content: flex-end;
+		justify-content: center;
 		width: 96%;
-		height: 75%;
+		height: 94%;
+		padding: 0 50px;
 
 		// background-color: hsl(0deg 0% 100% / 80%);
 		border-radius: 10px;
@@ -56,7 +46,7 @@
 			height: 377px;
 			padding: 50px 40px 45px;
 			background-color: #ffffff;
-			margin-right: 120px;
+
 			// border-radius: 10px;
 			box-shadow: 2px 3px 7px rgb(0 0 0 / 20%);
 			.login-logo {
diff --git a/src/views/login/index-rs.vue b/src/views/login/index-hc.vue
similarity index 65%
rename from src/views/login/index-rs.vue
rename to src/views/login/index-hc.vue
index e2b1ade..ddee4e5 100644
--- a/src/views/login/index-rs.vue
+++ b/src/views/login/index-hc.vue
@@ -1,15 +1,12 @@
 <template>
 	<div class="login-container flx-center">
-		<div class="login-title">
-			<span>{{ globalStore.systemNameConfig }}</span>
-		</div>
 		<div class="login-box">
-			<!-- <SwitchDark class="dark" /> -->
-			<!-- <div class="login-left">
-				<img src="@/assets/images/login_left.png" alt="login" />
+			<div class="login-left">
+				<!-- <img src="@/assets/images/login_left.png" alt="login" /> -->
 				<img src="@/assets/images/login/computerIcon.png" alt="" /><br />
-				<span>数字化政务监管平台</span>
-			</div> -->
+				<!-- 数字化政务监管平台 -->
+				<span>{{ globalStore.systemNameConfig }}</span>
+			</div>
 			<div class="login-form">
 				<div class="login-logo">
 					<!-- <img class="login-icon" src="@/assets/images/logo.svg" alt="" /> -->
@@ -22,7 +19,6 @@
 </template>
 
 <script setup lang="ts" name="login">
-import SwitchDark from "@/components/SwitchDark/index.vue";
 import LoginForm from "./components/LoginForm.vue";
 import { GlobalStore } from "@/stores";
 const globalStore = GlobalStore();
diff --git a/src/views/login/index.scss b/src/views/login/index.scss
index a4dad02..74e7092 100644
--- a/src/views/login/index.scss
+++ b/src/views/login/index.scss
@@ -1,19 +1,29 @@
+.flx-center {
+	display: flex;
+	flex-direction: column;
+	align-items: flex-start;
+}
 .login-container {
 	height: 100%;
 	min-height: 550px;
-	background: url("@/assets/images/login/loginBackground.jpg") center center no-repeat;
-	background-color: #eeeeee;
-	background-size: 100% 100%;
-	background-size: cover;
+	background: url("@/assets/images/login/bglogin_rushan.png") center center no-repeat;
+	background-size: 100% 65%;
+	.login-title {
+		color: #2a314b;
+		font-weight: 600;
+		font-size: 22px;
+		> span {
+			margin-left: 30px;
+		}
+	}
 	.login-box {
 		position: relative;
 		box-sizing: border-box;
 		display: flex;
 		align-items: center;
-		justify-content: center;
+		justify-content: flex-end;
 		width: 96%;
-		height: 94%;
-		padding: 0 50px;
+		height: 75%;
 
 		// background-color: hsl(0deg 0% 100% / 80%);
 		border-radius: 10px;
@@ -46,7 +56,7 @@
 			height: 377px;
 			padding: 50px 40px 45px;
 			background-color: #ffffff;
-
+			margin-right: 120px;
 			// border-radius: 10px;
 			box-shadow: 2px 3px 7px rgb(0 0 0 / 20%);
 			.login-logo {
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index ddee4e5..e2b1ade 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -1,12 +1,15 @@
 <template>
 	<div class="login-container flx-center">
+		<div class="login-title">
+			<span>{{ globalStore.systemNameConfig }}</span>
+		</div>
 		<div class="login-box">
-			<div class="login-left">
-				<!-- <img src="@/assets/images/login_left.png" alt="login" /> -->
+			<!-- <SwitchDark class="dark" /> -->
+			<!-- <div class="login-left">
+				<img src="@/assets/images/login_left.png" alt="login" />
 				<img src="@/assets/images/login/computerIcon.png" alt="" /><br />
-				<!-- 数字化政务监管平台 -->
-				<span>{{ globalStore.systemNameConfig }}</span>
-			</div>
+				<span>数字化政务监管平台</span>
+			</div> -->
 			<div class="login-form">
 				<div class="login-logo">
 					<!-- <img class="login-icon" src="@/assets/images/logo.svg" alt="" /> -->
@@ -19,6 +22,7 @@
 </template>
 
 <script setup lang="ts" name="login">
+import SwitchDark from "@/components/SwitchDark/index.vue";
 import LoginForm from "./components/LoginForm.vue";
 import { GlobalStore } from "@/stores";
 const globalStore = GlobalStore();