From 5d9f399112b3ecacc04415baf0ed67ce24997ea2 Mon Sep 17 00:00:00 2001
From: cc <94575594@qq.com>
Date: Sat, 21 Mar 2026 16:27:31 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=E7=A4=BA=E4=BE=8B?=
 =?UTF-8?q?=E5=8D=95=E8=AF=8D=E5=8A=A0=E8=BD=BD=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/SpellPractice.vue | 51 ++++++++++++++++++++++++++++++++++++-
 1 file changed, 50 insertions(+), 1 deletion(-)

diff --git a/src/views/SpellPractice.vue b/src/views/SpellPractice.vue
index 7d0a662..0502ffb 100644
--- a/src/views/SpellPractice.vue
+++ b/src/views/SpellPractice.vue
@@ -33,6 +33,19 @@ const wordList = computed(() => {
     .filter((w) => w.length > 0);
 });
 
+// 示例单词列表
+const exampleWords = [
+  "apple", "banana", "orange", "grape", "strawberry",
+  "computer", "program", "keyboard", "screen", "mouse",
+  "book", "paper", "pencil", "school", "student",
+  "house", "window", "door", "table", "chair"
+];
+
+// 加载示例单词
+const loadExampleWords = () => {
+  wordInput.value = exampleWords.join("\n");
+};
+
 // 发音配置
 const selectedVoice = ref("4");
 const repeatCount = ref(2);
@@ -385,7 +398,16 @@ onUnmounted(() => {
         <div class="panel input-panel">
           <div class="panel-header">
             <h3>单词列表</h3>
-            <span class="word-count">{{ wordList.length }} 个单词</span>
+            <div class="header-actions">
+              <button
+                class="example-btn"
+                @click="loadExampleWords"
+                :disabled="dictationState === 'playing' || dictationState === 'paused'"
+              >
+                示例单词
+              </button>
+              <span class="word-count">{{ wordList.length }} 个单词</span>
+            </div>
           </div>
           <div class="word-input-wrapper">
             <textarea
@@ -834,6 +856,33 @@ onUnmounted(() => {
   font-size: 0.875rem;
 }
 
+.header-actions {
+  display: flex;
+  align-items: center;
+  gap: 0.75rem;
+}
+
+.example-btn {
+  background: rgba(255, 255, 255, 0.05);
+  color: var(--accent-5);
+  border: 1px solid var(--accent-5);
+  padding: 0.375rem 0.75rem;
+  border-radius: 8px;
+  font-size: 0.75rem;
+  font-weight: 500;
+  cursor: pointer;
+  transition: all 0.2s;
+}
+
+.example-btn:hover:not(:disabled) {
+  background: rgba(245, 158, 11, 0.1);
+}
+
+.example-btn:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
 /* 输入区 */
 .word-input-wrapper {
   overflow: hidden;