refactor: 优化前端项目 images 目录结构

src/assets/images/login-bg1.svg

@@ -1,62 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" version="1.1" baseProfile="full" width="100%" height="100%" viewBox="0 0 1400 800">
-  <style>
-    :root {
-      --blue: rgba(64, 158, 255, 0.08);
-      --grey: rgba(144, 147, 153, 0.05);
-      --orange: rgba(230, 162, 60, 0.06);
-      --green: rgba(144, 238, 144, 0.06);
-    }
-  </style>
-
-  <!-- 左侧波浪 -->
-  <path d="M-50 550 Q200 500 450 550 T950 530"
-        fill="none"
-        stroke="#409EFF"
-        stroke-width="1.5"
-        stroke-opacity="0.05"
-        stroke-linecap="round">
-  </path>
-
-  <!-- 右侧波浪 -->
-  <path d="M450 650 Q800 620 1150 660 T1550 630"
-        fill="none"
-        stroke="#909399"
-        stroke-width="1"
-        stroke-opacity="0.03"
-        stroke-linecap="round">
-  </path>
-
-  <!-- 右下方圆形 -->
-  <circle cx="950" cy="400" r="70" 
-          fill="var(--blue)" 
-          stroke="#409EFF" 
-          stroke-width="1" 
-          stroke-opacity="0.05">
-  </circle>
-
-  <!-- 左上方半球形  -->
-  <g transform="rotate(-10, 300, 180)">
-    <path d="M 180 180 A 120 120 0 1 1 420 180 Q420 195 405 195 L 310 195 L 195 195 Q180 195 180 180" 
-          fill="var(--orange)" 
-          stroke="#E6A23C" 
-          stroke-width="1" 
-          stroke-opacity="0.05">
-    </path>
-  </g>
-
-  <!-- 左下方三角形 -->
-  <path d="M300 600 L380 520 L420 650 Z" 
-        fill="var(--green)" 
-        stroke="#909399" 
-        stroke-width="1" 
-        stroke-opacity="0.04">
-  </path>
-
-  <!-- 旋转方块 -->
- <rect x="1000" y="420" rx="10" ry="10" width="60" height="60" fill="rgba(169, 174, 184, 0.1)" stroke="rgba(169, 174, 184, 0.2)" stroke-width="1" opacity="0.5">
-    <animateTransform attributeType="XML" attributeName="transform"
-                      begin="0s" dur="30s" type="rotate"
-                      from="0 1450 550" to="360 1450 550"
-                      repeatCount="indefinite"/>
-  </rect>
-</svg>

src/assets/images/login/bg-dark.svg

@@ -1,6 +1,7 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1400 800">
   <defs>
+    <!-- 原背景色保持不变 -->
     <linearGradient id="bgDark" x1="0%" y1="0%" x2="100%" y2="100%">
       <stop offset="0%" stop-color="#0b1324" />
       <stop offset="58%" stop-color="#162135" />
@@ -24,16 +25,43 @@
       <stop offset="35%" stop-color="rgba(255,255,255,0.04)" />
       <stop offset="100%" stop-color="rgba(255,255,255,0)" />
     </linearGradient>
+
   </defs>
 
+  <!-- 基础背景 -->
   <rect width="100%" height="100%" fill="url(#bgDark)" />
   <rect width="100%" height="100%" fill="url(#glowPrimary)" />
   <rect width="100%" height="100%" fill="url(#glowSecondary)" />
   <rect width="100%" height="100%" fill="url(#meshDark)" />
 
-  <g opacity="0.32">
-    <rect x="-40" y="520" width="520" height="220" rx="180" fill="rgba(255,255,255,0.12)" />
-    <rect x="760" y="90" width="520" height="210" rx="180" fill="rgba(255,255,255,0.1)" />
-    <rect x="420" y="620" width="560" height="190" rx="180" fill="rgba(255,255,255,0.08)" />
+  <g opacity="0.8">
+    <circle cx="280" cy="190" r="120" fill="rgba(98,142,255,0.03)" />
+    <circle cx="280" cy="190" r="120" fill="none" stroke="rgba(98,142,255,0.11)" stroke-width="1" />
+    <circle cx="280" cy="190" r="170" fill="none" stroke="rgba(98,142,255,0.06)" stroke-width="0.8" />
+
+    <g transform="rotate(-12, 1120, 600)">
+      <path d="M900 620 C 980 520, 1120 520, 1240 580 C 1320 620, 1340 680, 1290 720 C 1200 790, 980 760, 900 690 Z" fill="rgba(98,142,255,0.018)" />
+      <path d="M900 620 C 980 520, 1120 520, 1240 580 C 1320 620, 1340 680, 1290 720 C 1200 790, 980 760, 900 690 Z" fill="none" stroke="rgba(98,142,255,0.08)" stroke-width="1" />
+    </g>
+  </g>
+
+  <!-- 节点圆点 -->
+  <g fill="rgba(98,142,255,0.5)">
+    <circle cx="300" cy="150" r="3" />
+    <circle cx="760" cy="220" r="3" />
+    <circle cx="1180" cy="560" r="3" />
+  </g>
+
+  <!-- 节点光晕 -->
+  <g fill="rgba(98,142,255,0.08)">
+    <circle cx="300" cy="150" r="10" />
+    <circle cx="760" cy="220" r="12" />
+    <circle cx="1180" cy="560" r="10" />
+  </g>
+
+  <!-- 右上角装饰圆弧 -->
+  <g fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="0.5">
+    <circle cx="1400" cy="0" r="400" />
+    <circle cx="1400" cy="0" r="650" />
   </g>
 </svg>

src/views/error/401.vue

@@ -13,7 +13,7 @@
         </div>
       </el-col>
       <el-col :xs="24" :span="12">
-        <img src="@/assets/images/401.svg" class="w-full" />
+        <img src="@/assets/images/error/401.svg" class="w-full" />
       </el-col>
     </el-row>
   </div>

src/views/error/404.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="wh-full mx-auto flex-center flex-col lg:flex-row">
-    <img class="min-w-[23.4375rem] sm:w-150" src="@/assets/images/404.svg" alt="404" />
+    <img class="min-w-[23.4375rem] sm:w-150" src="@/assets/images/error/404.svg" alt="404" />
     <div class="w-75">
       <div class="oops mb-5 text-[2rem] font-bold">OOPS</div>
       <div class="info text-gray mb-7 text-[0.8125rem]">

src/views/login/index.vue

@@ -166,7 +166,7 @@ const formComponents = {
     inset: 0;
     z-index: -2;
     content: "";
-    background: url("@/assets/images/login-bg.svg") center/cover no-repeat;
+    background: url("@/assets/images/login/bg.svg") center/cover no-repeat;
   }
 
   &::after {
@@ -230,7 +230,7 @@ const formComponents = {
   --auth-button-warning-shadow: 0 14px 26px rgba(211, 142, 38, 0.24);
 
   &::before {
-    background-image: url("@/assets/images/login-bg-dark.svg");
+    background-image: url("@/assets/images/login/bg-dark.svg");
   }
 }