style: 完成进度条加载

Yi.Ai.Vue3/src/App.vue

@@ -1,4 +1,28 @@
-<script setup lang="ts"></script>
+<script setup lang="ts">
+onMounted(() => {
+  // completeLoading();
+  // const event = new Event('vue-ready');
+  // window.dispatchEvent(event);
+  completeLoading();
+});
+
+// 完成加载并隐藏动画
+function completeLoading() {
+  const loader = document.getElementById('loader');
+  const progressBar = document.getElementById('progress-bar');
+  const progressText = document.getElementById('progress-text');
+  // 确保进度是100%
+  progressBar!.style.width = `${100}%`;
+  progressText!.textContent = `${Math.round(100)}%`;
+  // 淡出加载动画
+  setTimeout(() => {
+    //loader!.style.opacity = '100';
+    setTimeout(() => {
+      loader!.style.display = 'none';
+    }, 500);
+  }, 300);
+}
+</script>
 
 <template>
   <router-view />