czh-20260603-前端界面美化，添加背景图片

index.html

@@ -10,7 +10,8 @@
     />
 
     <title><%= title %></title>
-    <link rel="icon" href="<%= basePublicPath %>/logo.png" />
+    <link rel="icon" href="<%= basePublicPath %>/favicon.png" />
+    <link rel="preload" as="image" href="<%= basePublicPath %>/resource/img/loading_bg.jpg" />
     <!-- 全局配置 -->
     <script>
       window._CONFIG = {};
@@ -38,13 +39,26 @@
         }
 
         .app-loading {
+          position: relative;
+          overflow: hidden;
           display: flex;
           width: 100%;
           height: 100%;
           justify-content: center;
           align-items: center;
           flex-direction: column;
-          background-color: #f4f7f9;
+          background: url('<%= basePublicPath %>/resource/img/loading_bg.jpg') center/cover no-repeat;
+          background-color: #1a3a5c;
+        }
+
+        .app-loading::after {
+          content: '';
+          position: absolute;
+          inset: 0;
+          background: rgba(255, 255, 255, 0.15);
+          backdrop-filter: blur(4px);
+          -webkit-backdrop-filter: blur(4px);
+          pointer-events: none;
         }
 
         .app-loading .app-loading-wrap {
@@ -57,6 +71,7 @@
           justify-content: center;
           align-items: center;
           flex-direction: column;
+          z-index: 1;
         }
 
         .app-loading .dots {
@@ -70,14 +85,15 @@
           display: flex;
           margin-top: 30px;
           font-size: 30px;
-          color: rgba(0, 0, 0, 0.85);
+          color: rgba(255, 255, 255, 0.92);
+          text-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
           justify-content: center;
           align-items: center;
         }
 
         .app-loading .app-loading-logo {
           display: block;
-          width: 90px;
+          width: 220px;
           margin: 0 auto;
           margin-bottom: 20px;
         }
@@ -165,6 +181,52 @@
         </div>
       </div>
     </div>
+    <style>
+      /* 侧边栏背景图 */
+      .jeecg-layout-sideBar {
+        background: url('/resource/img/sidebar_bg.png') center/cover no-repeat !important;
+      }
+      .jeecg-layout-sideBar::before {
+        content: '';
+        position: absolute;
+        inset: 0;
+        background: rgba(0, 0, 0, 0.58);
+        z-index: 0;
+        pointer-events: none;
+      }
+      .jeecg-layout-sideBar .jeecg-menu-dark.jeecg-menu-vertical .jeecg-menu-item,
+      .jeecg-layout-sideBar .jeecg-menu-dark.jeecg-menu-vertical .jeecg-menu-submenu-title {
+        color: rgba(255, 255, 255, 0.9);
+        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
+      }
+      .jeecg-layout-sideBar .ant-layout-sider-children {
+        position: relative;
+        z-index: 1;
+      }
+      .jeecg-layout-sideBar .jeecg-layout-menu-logo {
+        background: transparent !important;
+      }
+      .jeecg-layout-sideBar .jeecg-layout-menu-logo img {
+        background: #fff;
+        border-radius: 6px;
+        padding: 4px;
+      }
+      .jeecg-menu-dark.jeecg-menu-vertical .jeecg-simple-menu__parent,
+      .jeecg-menu-dark.jeecg-menu-vertical .jeecg-simple-menu__parent>.jeecg-menu-submenu-title {
+        background-color: transparent !important;
+      }
+      .jeecg-menu-dark.jeecg-menu-vertical .jeecg-simple-menu__children,
+      .jeecg-menu-dark.jeecg-menu-vertical .jeecg-simple-menu__children>.jeecg-menu-submenu-title {
+        background-color: transparent !important;
+      }
+      /* 顶部背景图 */
+      .jeecg-layout-header.jeecg-layout-header--dark {
+        background: url('/resource/img/top_bg.png') center top/100% auto no-repeat !important;
+      }
+      .jeecg-layout-header .headerIntroductionClass {
+        text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
+      }
+    </style>
     <script type="module" src="/src/main.ts"></script>
     <!-- 百度统计 -->
     <script>