feat: 输入框顶部快捷短语

src/views/asistant/index.vue

@@ -3,19 +3,20 @@
     <div class="header">
       <HeaderTitle light hasSetting />
     </div>
-    <div class="content flex-1" v-if="!isLoading">
-      <NoticeList ref="noticeListRef" @send-message="handleSendMessage" />
-    </div>
-    <div class="footer" v-if="!isLoading">
-      <InputArea @send-message="handleSendMessage" />
-      <div class="continue">
-        <button class="btn">Continue</button>
-      </div>
-    </div>
-    <!-- Loading状态时显示loading组件 -->
-    <div v-if="isLoading" class="loading-wrapper">
+    <div class="loading-container" v-if="isLoading">
       <ChatLoading />
     </div>
+    <template v-else>
+      <div class="content flex-1" v-if="!isLoading">
+        <NoticeList ref="noticeListRef" @send-message="handleSendMessage" />
+      </div>
+      <div class="footer" v-if="!isLoading">
+        <InputArea @send-message="handleSendMessage" />
+        <div class="continue">
+          <button class="btn">Continue</button>
+        </div>
+      </div>
+    </template>
   </div>
 </template>
 <script setup lang="ts">
@@ -41,7 +42,7 @@ const handleSendMessage = (message: string): void => {
   console.log('收到消息:', message)
   // 显示loading状态
   isLoading.value = true
-  
+
   // 模拟请求延迟
   setTimeout(() => {
     // 调用NoticeList的方法添加新消息
@@ -71,7 +72,7 @@ const handleSendMessage = (message: string): void => {
 
 .footer {
   flex-shrink: 0;
-  
+
   .continue {
     font-family: 'satoshiRegular';
     font-size: 3.6rem;
@@ -87,7 +88,7 @@ const handleSendMessage = (message: string): void => {
   }
 }
 
-.loading-wrapper {
+.loading-container {
   flex: 1;
   display: flex;
   align-items: center;
@@ -95,4 +96,3 @@ const handleSendMessage = (message: string): void => {
   background-color: #fff;
 }
 </style>
-