✨ feat: 修改登录页样式

gear-ui3/src/views/login.vue

@@ -1,7 +1,11 @@
 <template>
   <div class="login">
-    <el-form ref="loginRef" :model="loginForm" :rules="loginRules" class="login-form">
-      <h3 class="title">{{ title }}</h3>
+    <div class="login-container">
+      <el-form ref="loginRef" :model="loginForm" :rules="loginRules" class="login-form">
+      <h3 class="title">
+        <img :src="LogoImage" alt="公司 Logo" class="logo-img"/>
+        {{ title }}
+      </h3>
       <el-form-item prop="username">
         <el-input
           v-model="loginForm.username"
@@ -57,6 +61,12 @@
         </div>
       </el-form-item>
     </el-form>
+
+    <div class="login-right">
+      <img :src="RightImage" alt="公司 Logo" class="right-img"/>
+    </div>
+    </div>
+    
     <!--  底部  -->
     <div class="el-login-footer">
       <span>Copyright © 2018-2025 ruoyi.vip All Rights Reserved.</span>
@@ -70,6 +80,8 @@ import Cookies from "js-cookie"
 import { encrypt, decrypt } from "@/utils/jsencrypt"
 import useUserStore from '@/store/modules/user'
 import useProductStore from '@/store/modules/product'
+import RightImage from '@/assets/images/right.jpg'
+import LogoImage from '@/assets/logo/logo-full.jpg'
 
 const title = import.meta.env.VITE_APP_TITLE
 const userStore = useUserStore()
@@ -171,20 +183,35 @@ getCookie()
   justify-content: center;
   align-items: center;
   height: 100%;
-  background-image: url("../assets/images/login-background.jpg");
+  background-image: url("../assets/images/back.jpg");
   background-size: cover;
 }
 .title {
   margin: 0px auto 30px auto;
   text-align: center;
   color: #707070;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.logo-img {
+  width: 100px;
+  height: 100px;
+}
+
+.login-container {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 60%;
+  border-radius: 6px;
+  background: #ffffff;
+  width: 60%;
+  padding: 25px 25px 5px 25px;
 }
 
 .login-form {
-  border-radius: 6px;
-  background: #ffffff;
-  width: 400px;
-  padding: 25px 25px 5px 25px;
   z-index: 1;
   .el-input {
     height: 40px;