p

pages/index.vue

@@ -5,6 +5,7 @@
                 v-model="query"
                 autoresize
                 placeholder="输入搜索内容..."
+                :rows="5"
             />
             <div class="flex justify-between">
                 <USelectMenu

pages/search/[id].vue

@@ -82,12 +82,14 @@
                         v-model="continueQuestion"
                         placeholder="提出后续问题"
                         size="xl"
+                        :disabled="asking"
                     />
                     <UButton
                         size="xl"
                         square
-                        trailing-icon="i-heroicons-chevron-right-20-solid"
+                        :trailing-icon="asking ? '' : 'i-heroicons-chevron-right-20-solid'"
                         :disabled="!continueQuestion"
+                        :loading="asking"
                     />
                 </div>
             </div>
@@ -104,7 +106,7 @@ const state = reactive({
 const steps = ['', '问题分析', '代码搜索', '整理答案', '完成！']
 const stepColor = (step) => {
     switch (true) {
-        case step.value >= steps.length - 1: return 'green'
+        case step >= steps.length - 1: return 'green'
         default: return 'blue'
     }
 }
@@ -113,7 +115,7 @@ const data = ref([])
 
 data.value = [
     {
-        step: 1,
+        step: 4,
         question: 'Select组件怎样远程搜索',
         article: 'ViewUIPlus 的 Table 组件是一个功能强大的组件，支持多种数据渲染和查看方式。以下是使用 ViewUIPlus Table 组件的一些基本步骤和特性：\n引入Table组件：首先，你需要从 ViewUIPlus 中引入 Table 组件。这可以通过在你的 Vue 3 项目中添加相应的导入语句来完成。例如：ViewUIPlus 的 Table 组件是一个功能强大的组件，支持多种数据渲染和查看方式。以下是使用 ViewUIPlus Table 组件的一些基本步骤和特性：\n引入Table组件：首先，你需要从 ViewUIPlus 中引入 Table 组件。这可以通过在你的 Vue 3 项目中添加相应的导入语句来完成。例如：ViewUIPlus 的 Table 组件是一个功能强大的组件，支持多种数据渲染和查看方式。以下是使用 ViewUIPlus Table 组件的一些基本步骤和特性：\n引入Table组件：首先，你需要从 ViewUIPlus 中引入 Table 组件。这可以通过在你的 Vue 3 项目中添加相应的导入语句来完成。例如：ViewUIPlus 的 Table 组件是一个功能强大的组件，支持多种数据渲染和查看方式。以下是使用 ViewUIPlus Table 组件的一些基本步骤和特性：\n引入Table组件：首先，你需要从 ViewUIPlus 中引入 Table 组件。这可以通过在你的 Vue 3 项目中添加相应的导入语句来完成。例如：ViewUIPlus 的 Table 组件是一个功能强大的组件，支持多种数据渲染和查看方式。以下是使用 ViewUIPlus Table 组件的一些基本步骤和特性：\n引入Table组件：首先，你需要从 ViewUIPlus 中引入 Table 组件。这可以通过在你的 Vue 3 项目中添加相应的导入语句来完成。例如：ViewUIPlus 的 Table 组件是一个功能强大的组件，支持多种数据渲染和查看方式。以下是使用 ViewUIPlus Table 组件的一些基本步骤和特性：\n引入Table组件：首先，你需要从 ViewUIPlus 中引入 Table 组件。这可以通过在你的 Vue 3 项目中添加相应的导入语句来完成。例如：ViewUIPlus 的 Table 组件是一个功能强大的组件，支持多种数据渲染和查看方式。以下是使用 ViewUIPlus Table 组件的一些基本步骤和特性：\n引入Table组件：首先，你需要从 ViewUIPlus 中引入 Table 组件。这可以通过在你的 Vue 3 项目中添加相应的导入语句来完成。例如：ViewUIPlus 的 Table 组件是一个功能强大的组件，支持多种数据渲染和查看方式。以下是使用 ViewUIPlus Table 组件的一些基本步骤和特性：\n引入Table组件：首先，你需要从 ViewUIPlus 中引入 Table 组件。这可以通过在你的 Vue 3 项目中添加相应的导入语句来完成。例如：ViewUIPlus 的 Table 组件是一个功能强大的组件，支持多种数据渲染和查看方式。以下是使用 ViewUIPlus Table 组件的一些基本步骤和特性：\n引入Table组件：首先，你需要从 ViewUIPlus 中引入 Table 组件。这可以通过在你的 Vue 3 项目中添加相应的导入语句来完成。例如：',
         source: [
@@ -180,7 +182,9 @@ const recommendQuestions = [
     }
 ]
 const continueQuestion = ref(null)
+let asking = ref(false)
 const handleContinueAsk = (question) => {
-
+    if (asking.value) return;
+    asking.value = true;
 }
 </script>
\ No newline at end of file