适配深色模式、生成动画的文件chatloading改为generateLoading

src/views/asistant/components/GenerateLoading.vue

@@ -4,19 +4,23 @@
       <img src="@/assets/images/chat_loading.png" alt="Loading" class="loading-image" />
       <!-- 阴影效果 -->
       <div class="loading-shadow"></div>
-      <div class="loading-text">Analyzing the Outfit...</div>
+      <div class="loading-text">{{ title }}</div>
     </div>
   </div>
 </template>
 
 <script setup lang="ts">
 // 这个组件只负责显示loading动画
-interface LoadingProps {
-  // 可以在这里定义props类型
-}
 
 // 定义组件props类型
-const props = defineProps<LoadingProps>()
+const props = defineProps({
+	title: {
+		type: String,
+		default: 'Analyzing the Outfit...'
+	}
+})
+
+
 </script>
 
 <style lang="less" scoped>

src/views/asistant/components/NoticeList.vue

@@ -8,7 +8,7 @@
 
 <script setup lang="ts">
 import NoticeItem from './NoticeItem.vue'
-import ChatLoading from './ChatLoading.vue'
+import GenerateLoading from './GenerateLoading.vue'
 import { ref, onMounted, onUnmounted, watch, nextTick } from 'vue'
 
 // 定义消息类型

src/views/asistant/index.vue

@@ -4,7 +4,7 @@
       <HeaderTitle light hasSetting />
     </div>
     <div class="loading-container" v-if="isLoading">
-      <ChatLoading />
+      <GenerateLoading />
     </div>
     <template v-else>
       <div class="content flex-1" v-if="!isLoading">
@@ -23,7 +23,7 @@
 import HeaderTitle from '@/components/HeaderTitle.vue'
 import NoticeList from './components/NoticeList.vue'
 import InputArea from './components/InputArea.vue'
-import ChatLoading from './components/ChatLoading.vue'
+import GenerateLoading from './components/GenerateLoading.vue'
 import { ref, onMounted } from 'vue'
 import { useRouter } from 'vue-router'
 const router = useRouter()