Update [id].vue

pages/search/[id].vue

@@ -30,6 +30,21 @@
                     </span>
                 </template>
             </UProgress>
+            <div class="text-xl flex items-center space-x-1">
+                <UIcon name="i-heroicons-chat-bubble-left-right-20-solid" />
+                <span>回答中...</span>
+            </div>
+            <article>
+                {{article}}
+            </article>
+            <div class="text-xl flex items-center space-x-1">
+                <UIcon name="i-heroicons-link-20-solid" />
+                <span>来源...</span>
+            </div>
+            <div class="text-xl flex items-center space-x-1">
+                <UIcon name="i-heroicons-rectangle-group-20-solid" />
+                <span>相关问题...</span>
+            </div>
         </div>
     </div>
 </template>
@@ -47,4 +62,5 @@ const stepColor = computed(() => {
         default: return 'blue'
     }
 })
+const article = ref('ViewUIPlus 的 Table 组件是一个功能强大的组件，支持多种数据渲染和查看方式。以下是使用 ViewUIPlus Table 组件的一些基本步骤和特性：\n引入Table组件：首先，你需要从 ViewUIPlus 中引入 Table 组件。这可以通过在你的 Vue 3 项目中添加相应的导入语句来完成。例如：')
 </script>
\ No newline at end of file