 鄭沛軒
|
b8aa0214f0
|
style: 優化重組區域置中效果與註解規範
## 重組區域視覺改進
- 修正「答案區」完全置中對齊（上下左右都置中）
- 使用 absolute inset-0 確保完美居中效果
- 添加 relative 定位支援絕對定位子元素
## 代碼註解規範
- 為所有測驗說明文字添加統一註解格式
- 使用 "Instructions Test Action" 標準註解
- 提升代碼可讀性和維護性
## 布局微調
- 優化重組區域的空白狀態顯示
- 確保視覺元素的精確對齊
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
|
2025-09-20 12:18:11 +08:00 |
|
鄭沛軒
|
12488b3bdd
|
style: 統一所有測驗的答案回饋樣式與間距
## 樣式統一化
- 統一所有答案回饋為例句重組的標準格式
- 修正詞彙選擇和詞彙聽力的選項間距問題
- 統一圖片顯示尺寸，以例句重組為標準
## 具體改進
- 答案回饋容器：統一使用 p-6 rounded-lg w-full mb-6
- 標題文字：統一使用 text-left text-xl mb-4
- 選項區域：添加 mb-6 底部間距避免與回饋區域黏合
- 圖片樣式：移除 VoiceRecorder 中的額外樣式限制
## VoiceRecorder 組件優化
- 添加自定義說明文字支援
- 統一圖片容器和樣式
- 改善布局順序和間距
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
|
2025-09-20 04:31:27 +08:00 |
|
鄭沛軒
|
d1c5f2e31c
|
refactor: 優化例句口說功能設計與用戶體驗
## VoiceRecorder 組件改進
- 添加自定義說明文字 prop (instructionText)
- 調整布局順序：圖片 → 說明 → 例句
- 統一圖片容器樣式與其他模式一致
## 例句口說頁面優化
- 移除重複的例句和圖片顯示
- 簡化錄音完成回饋區域
- 移除不必要的目標單字和發音顯示
- 調整回饋訊息為分行顯示，提升可讀性
- 實現滿版寬度布局
## 用戶體驗改進
- 消除重複內容，介面更簡潔
- 統一設計語言，視覺一致性更好
- 優化訊息層次，重點更突出
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
|
2025-09-20 04:12:52 +08:00 |
|
鄭沛軒
|
31e3fe9fa8
|
ux: 優化學習頁面用戶體驗和互動設計
- 修正翻卡模式卡片翻轉動畫和版面配置
- 改善選擇題模式答案顯示和回饋機制
- 優化語音錄音組件狀態管理
- 加強用戶交互體驗和視覺回饋
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
|
2025-09-19 17:44:39 +08:00 |
|
鄭沛軒
|
d5395f5741
|
feat: 實現完整語音功能系統與學習模式整合
- 新增 TTS 語音播放和語音辨識功能
- 實現 Azure Speech Services 整合架構
- 建立完整的音頻快取和評估系統
- 整合語音功能到五種學習模式
- 新增語音錄製和發音評分組件
- 優化學習進度和評分機制
- 完成語音功能規格書和測試案例文檔
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
|
2025-09-19 13:33:17 +08:00 |