update: 新增模型加载

main/xiaozhi-server/test/js/app.js

@@ -37,9 +37,20 @@ class App {
         // 初始化Live2D
         await this.initLive2D();
 
+        // 关闭加载loading
+        this.setModelLoadingStatus(false);
+
         log('应用初始化完成', 'success');
     }
 
+    // 设置model加载状态
+    setModelLoadingStatus(isLoading) {
+        const modelLoading = document.getElementById('modelLoading');
+        if (modelLoading) {
+            modelLoading.style.display = isLoading ? 'flex' : 'none';
+        }
+    }
+
     // 初始化Live2D
     async initLive2D() {
         try {

main/xiaozhi-server/test/js/ui/bg-image-load-detector.js

@@ -0,0 +1,15 @@
+// 背景图加载检测
+const backgroundContainer = document.getElementById('backgroundContainer');
+// 提取背景图片URL
+let bgImageUrl = window.getComputedStyle(backgroundContainer).backgroundImage;
+const urlMatch = bgImageUrl.match(/url\(["']?(.*?)["']?\)/);
+bgImageUrl = urlMatch[1];
+const bgImage = new Image();
+bgImage.src = bgImageUrl;
+// 加载完成后显示模型加载
+bgImage.onload = function () {
+    const modelLoading = document.getElementById('modelLoading');
+    if (modelLoading) {
+        modelLoading.style.display = 'flex';
+    }
+}