From df1a0023574808bf7c323fd7383838113be9f060 Mon Sep 17 00:00:00 2001
From: DebugIsFalse <511418503@qq.com>
Date: Thu, 16 May 2024 19:36:36 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E6=94=B9=E4=BD=93=E9=AA=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/search/[id].vue | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/pages/search/[id].vue b/pages/search/[id].vue
index 62835c7..2683ac5 100644
--- a/pages/search/[id].vue
+++ b/pages/search/[id].vue
@@ -29,7 +29,7 @@
                 {{ state.repo }}
             </section>
 
-            <div class="flex flex-col gap-2">
+            <div class="flex flex-col gap-2" v-if="initLoading">
                 <USkeleton class="h-4" />
                 <USkeleton class="h-4" />
                 <USkeleton class="h-4 w-2/3" />
@@ -54,9 +54,9 @@
                                 />
                             </div>
                         </template>
-                        <template #item="{ item }">
+                        <template #item>
                             <div class="text-base">改写问题</div>
-                            <MdRenderer class="prose prose-sm" :content="item.description" />
+                            <MdRenderer :content="item.description" />
                         </template>
                     </UAccordion>
                 </UCard>
@@ -80,7 +80,7 @@
                         <UCard :ui="{ body: { padding: 'sm:p-3 p-3' } }">
                             <div class="flex flex-col space-y-1">
                                 <div class="justify-between flex space-x-1">
-                                    <span class="truncate">{{ source.repo }}</span>
+                                    <span class="truncate"><UIcon class="mr-1" name="i-simple-icons-github" />{{ source.repo }}</span>
                                     <span class="text-gray-200">{{ sourceIndex + 1 }}</span>
                                 </div>
                                 <div class="text-blue-500 truncate">{{ source.label }}</div>
@@ -144,6 +144,7 @@ const toast = useToast()
 const route = useRoute()
 const { fetchRequest } = useFetchRequest()
 const repos = getMockRepo();
+const initLoading = ref(true);
 // todo mock
 const repoItem = repos.find(item => route.query.repo === item.label);
 const state = reactive({
@@ -249,7 +250,11 @@ const handleUpdateSource = () => {
     })
     Object.assign(data.value[index], { source: storeSource });
 }
+const handleHideInitLoading = () => {
+    initLoading.value = false;
+}
 const handleMessage = (event) => {
+    if (initLoading.value) handleHideInitLoading();
     if (event.data === markedEnd) {
         asking.value = false;
         handleUpdateSource();
-- 
GitLab