fix:解决拖拽问题

src/utils/index.ts

@@ -0,0 +1,41 @@
+// 图片资源映射 - 使用静态导入确保构建时包含所有图片
+const imageModules = import.meta.glob(
+  "../assets/images/**/*.{png,jpg,jpeg,gif,svg,webp}",
+  {
+    eager: true,
+  }
+);
+
+//访问静态图片 - 使用静态导入确保构建后路径正确
+export const getStaticImage = (path: string) => {
+  try {
+    // 确保路径以正确的格式结尾
+    const imagePath =
+      path.endsWith(".png") ||
+      path.endsWith(".jpg") ||
+      path.endsWith(".jpeg") ||
+      path.endsWith(".gif") ||
+      path.endsWith(".svg") ||
+      path.endsWith(".webp")
+        ? `../assets/images/${path}`
+        : `../assets/images/${path}.png`;
+
+    // 使用静态导入的模块
+    const module = imageModules[imagePath];
+    if (module && typeof module === "object" && "default" in module) {
+      return module.default as string;
+    }
+
+    // 回退到URL方式
+    return new URL(imagePath, import.meta.url).href;
+  } catch (error) {
+    console.error("Failed to load image:", path, error);
+    return "";
+  }
+};
+
+// 获取背景图片的专用函数
+export const getBackgroundImage = (path: string) => {
+  const imageUrl = getStaticImage(path);
+  return imageUrl ? `url(${imageUrl})` : "none";
+};