Update [id].vue

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>
+                            <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