From 9b1f1634f8d68eadb2d5c7c8ddf9a7b9d3b56f8c Mon Sep 17 00:00:00 2001
From: Aresn <admin@aresn.com>
Date: Fri, 17 May 2024 14:43:27 +0800
Subject: [PATCH] Update [id].vue

---
 pages/search/[id].vue | 25 ++++++++++++++++++++++---
 1 file changed, 22 insertions(+), 3 deletions(-)

diff --git a/pages/search/[id].vue b/pages/search/[id].vue
index 7a44fcc..56ca11e 100644
--- a/pages/search/[id].vue
+++ b/pages/search/[id].vue
@@ -43,7 +43,7 @@
                             <div class="flex justify-between items-center">
                                 <div class="flex items-center gap-2 text-lg">
                                     <UIcon name="i-heroicons-sparkles-20-solid" />
-                                    搜索过程{{ item.desLoading ? '中...' : '' }}
+                                    搜索过程
                                 </div>
                                 <UButton
                                     size="md"
@@ -55,8 +55,26 @@
                             </div>
                         </template>
                         <template #item>
-                            <div class="text-base">改写问题</div>
-                            <MdRenderer :content="item.description" />
+                            <div class="flex flex-col gap-2">
+                                <div class="text-base flex items-center gap-1">
+                                    <UIcon name="i-heroicons-inbox-arrow-down" />
+                                    理解问题
+                                </div>
+                                <template v-if="item.desLoading">
+                                    <USkeleton class="h-4" />
+                                    <USkeleton class="h-4 w-2/3" />
+                                </template>
+                                <MdRenderer :content="item.description" />
+                                <div class="text-base flex items-center gap-1">
+                                    <UIcon name="i-heroicons-magnifying-glass" />
+                                    搜索网络
+                                </div>
+                                <div class="text-xs pl-5">找到 10 条来源</div>
+                                <div class="text-base flex items-center gap-1">
+                                    <UIcon name="i-heroicons-pencil-square" />
+                                    整理答案
+                                </div>
+                            </div>
                         </template>
                     </UAccordion>
                 </UCard>
@@ -329,4 +347,5 @@ const generateFetchData = (query) => {
 onMounted(() => {
     generateFetchData(state.query)
 })
+
 </script>
\ No newline at end of file
-- 
GitLab