update dep

src/assets/styles/ruoyi.scss

@@ -141,7 +141,7 @@
 /** 表格更多操作下拉样式 */
 .el-table .el-dropdown-link {
 	cursor: pointer;
-	color: #409EFF;
+	color: #4a5dff;
 	margin-left: 10px;
 }
 

src/assets/styles/variables.module.scss

@@ -36,7 +36,7 @@ $base-sub-menu-background:#000c17;
 $base-sub-menu-hover:#001528;
 */
 
-$--color-primary: #409EFF;
+$--color-primary: #4a5dff;
 $--color-success: #67C23A;
 $--color-warning: #E6A23C;
 $--color-danger: #F56C6C;

src/components/InfiniteSelect/index.vue

@@ -302,7 +302,7 @@ onUnmounted(() => {
       font-weight: 700;
 
       &.selected {
-        color: #409eff;
+        color: #4a5dff;
       }
 
       &:hover {

src/main.js

@@ -4,14 +4,11 @@ import Cookies from "js-cookie";
 
 import ElementPlus from "element-plus";
 import locale from "element-plus/lib/locale/lang/zh-cn"; // 中文语言
-
 import "@/assets/styles/index.scss"; // global css
-
 import App from "./App";
 import store from "./store";
 import router from "./router";
 import directive from "./directive"; // directive
-
 // 注册指令
 import plugins from "./plugins"; // plugins
 import { download } from "@/utils/request";
@@ -22,12 +19,11 @@ import SvgIcon from "@/components/SvgIcon";
 import elementIcons from "@/components/SvgIcon/svgicon";
 
 import "./permission"; // permission control
-
 import {
-  parseTime,
-  resetForm,
   addDateRange,
   handleTree,
+  parseTime,
+  resetForm,
   selectDictLabel,
   selectDictLabels,
 } from "@/utils/ruoyi";

src/store/modules/settings.js

@@ -16,7 +16,7 @@ const storageSetting = JSON.parse(localStorage.getItem("layout-setting")) || "";
 const useSettingsStore = defineStore("settings", {
   state: () => ({
     title: "",
-    theme: storageSetting.theme || "#409EFF",
+    theme: storageSetting.theme || "#4a5dff",
     sideTheme: storageSetting.sideTheme || sideTheme,
     showSettings: showSettings,
     topNav:

src/views/login.vue

@@ -1,5 +1,13 @@
 <template>
   <div class="login">
+    <div class="login-card">
+      <div class="login-banner">
+        <!--   主标题     -->
+        <h2 class="title">若依后台管理系统</h2>
+        <!--   副标题     -->
+        <p class="sub-title">前后端分离的后台管理系统架构</p>
+        <el-image class="banner-image" :src="loginLeftBanner" />
+      </div>
       <el-form
         ref="loginRef"
         :model="loginForm"
@@ -51,7 +59,10 @@
             @keyup.enter="handleLogin"
           >
             <template #prefix>
-            <svg-icon class="el-input__icon input-icon" icon-class="password" />
+              <svg-icon
+                class="el-input__icon input-icon"
+                icon-class="password"
+              />
             </template>
           </el-input>
         </el-form-item>
@@ -98,6 +109,8 @@
           </div>
         </el-form-item>
       </el-form>
+    </div>
+
     <!--  底部  -->
     <div class="el-login-footer">
       <span>Copyright © 2018-2023 ruoyi.vip All Rights Reserved.</span>
@@ -106,6 +119,7 @@
 </template>
 
 <script setup>
+import loginLeftBanner from "@/assets/images/login-left-banner.png";
 import { getCodeImg, getTenantNormalList } from "@/api/login";
 import Cookies from "js-cookie";
 import { decrypt, encrypt } from "@/utils/jsencrypt";
@@ -236,7 +250,8 @@ defaultTenantNamt.value = useUserStore().tempTenantName;
   justify-content: center;
   align-items: center;
   height: 100%;
-  background-image: url("../assets/images/login-background.jpg");
+  background-image: url("https://php.likeadmin.cn/admin/assets/login_bg.2f630cea.png");
+  //background-image: url("../assets/images/login-background.jpg");
   background-size: cover;
 }
 
@@ -246,9 +261,48 @@ defaultTenantNamt.value = useUserStore().tempTenantName;
   color: #707070;
 }
 
-.login-form {
+.login-card {
-  border-radius: 6px;
+  border-radius: 14px;
   background: #ffffff;
+  display: flex;
+  overflow: hidden;
+  box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1),
+    0 8px 10px -6px rgb(0 0 0 / 0.1);
+
+  .login-banner {
+    padding: 0 20px 0;
+    display: none;
+    @media (min-width: 768px) {
+      display: inline-block;
+    }
+
+    .title,
+    .sub-title {
+      text-align: center;
+      color: #fff;
+    }
+
+    .title {
+      margin: 32px 0 0;
+      font-weight: 900;
+    }
+
+    .sub-title {
+      margin: 16px 0 0;
+      font-weight: 600;
+    }
+
+    .banner-image {
+      margin-top: 12px;
+    }
+
+    width: 400px;
+    background-color: #6777fe;
+    //background: url("https://php.likeadmin.cn/resource/image/adminapi/default/login_image.png") no-repeat;
+    //background-size: cover;
+  }
+
+  .login-form {
     width: 400px;
     padding: 25px 25px 5px 25px;
 
@@ -263,7 +317,8 @@ defaultTenantNamt.value = useUserStore().tempTenantName;
     .input-icon {
       height: 39px;
       width: 14px;
-    margin-left: 0px;
+      margin-left: 0;
+    }
   }
 }
 
@@ -292,7 +347,7 @@ defaultTenantNamt.value = useUserStore().tempTenantName;
   width: 100%;
   text-align: center;
   color: #fff;
-  font-family: Arial;
+  font-family: Arial, serif;
   font-size: 12px;
   letter-spacing: 1px;
 }

src/views/tenant/initialize.vue

@@ -406,7 +406,7 @@ onMounted(() => {
   width: 100px;
   height: 100px;
   border-radius: 50%;
-  background-color: #409eff;
+  background-color: #4a5dff;
   display: flex;
   justify-content: center;
   align-items: center;
@@ -421,7 +421,7 @@ onMounted(() => {
   width: 100px;
   height: 100px;
   border-radius: 50%;
-  background-color: #409eff;
+  background-color: #4a5dff;
   color: #fff;
   text-align: center;
   line-height: 100px;