From 7cdccd9bef4df38371dd1a891344c4b145a5743e Mon Sep 17 00:00:00 2001
From: hubian <908234780@qq.com>
Date: Sat, 25 Apr 2026 23:20:58 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=BF=AB=E6=8D=B7=E8=AF=AD=E5=8F=A5?=
 =?UTF-8?q?=E6=8C=89=E9=92=AE=E7=82=B9=E5=87=BB=E6=97=A0=E5=8F=8D=E5=BA=94?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 改用 data-text 属性存储文本
- 使用事件监听绑定点击事件
- 避免 inline onclick 在动态渲染中的作用域问题
---
 works/ai-chat-app/www/app.js | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/works/ai-chat-app/www/app.js b/works/ai-chat-app/www/app.js
index 2e6a9b2..1a3c758 100644
--- a/works/ai-chat-app/www/app.js
+++ b/works/ai-chat-app/www/app.js
@@ -139,9 +139,9 @@ function openConversation(id) {
           <h2>你好！我是AI助手</h2>
           <p>有什么可以帮助你的吗？</p>
           <div class="quick-actions">
-            <button onclick="sendQuickMessage('介绍一下你自己')">介绍一下你自己</button>
-            <button onclick="sendQuickMessage('帮我写一段代码')">帮我写代码</button>
-            <button onclick="sendQuickMessage('解释一个概念')">解释概念</button>
+            <button class="quick-btn" data-text="介绍一下你自己">介绍一下你自己</button>
+            <button class="quick-btn" data-text="帮我写一段代码">帮我写代码</button>
+            <button class="quick-btn" data-text="解释一个概念">解释概念</button>
           </div>
         </div>
         <div class="messages" id="messages"></div>
@@ -174,6 +174,15 @@ function openConversation(id) {
   // 渲染消息
   renderMessages();
   userInput.focus();
+  
+  // 绑定快捷按钮事件
+  document.querySelectorAll('.quick-btn').forEach(btn => {
+    btn.addEventListener('click', () => {
+      const text = btn.getAttribute('data-text');
+      userInput.value = text;
+      sendMessage();
+    });
+  });
 }
 
 // 删除对话