feat:绘制图形

2025-09-12 16:56:00 +08:00
parent 3b4b2dcd64
commit 6acc5d676c
27 changed files with 76464 additions and 112 deletions
@@ -1,5 +1,8 @@
 Page({
    data: {
+        inputWord: '', // 输入框中的汉字
+        wordList: [] as string[], // 选中的汉字列表
+        availableWords: [] as string[], // 从grade3.json中提取的前30个汉字
        cards: [
            {
                key: 0,
@@ -24,6 +27,113 @@ Page({
        ],
    },

+    onLoad() {
+        this.loadGrade3Words();
+    },
+
+    // 加载grade3.json中的前30个汉字
+    loadGrade3Words() {
+        const fs = wx.getFileSystemManager();
+        try {
+            const fileContent = fs.readFileSync('grade3.json', 'utf8') as string;
+            const grade3Data = JSON.parse(fileContent);
+            const words = Object.keys(grade3Data).slice(0, 30);
+            this.setData({
+                availableWords: words
+            });
+        } catch (error) {
+            console.error('加载grade3.json失败:', error);
+            // 如果文件读取失败，使用一些示例汉字
+            const fallbackWords = ['一', '二', '三', '四', '五', '六', '七', '八', '九', '十', '人', '口', '手', '足', '目', '耳', '鼻', '舌', '心', '肝', '脾', '肺', '肾', '胃', '肠', '胆', '膀', '胱', '皮', '毛'];
+            this.setData({
+                availableWords: fallbackWords
+            });
+        }
+    },
+
+    // 输入框输入事件
+    onInputChange(e: WechatMiniprogram.Input) {
+        this.setData({
+            inputWord: e.detail.value
+        });
+    },
+
+    // 生成按钮点击事件
+    onGenerateClick() {
+        const { inputWord, wordList } = this.data;
+        if (inputWord && inputWord.trim()) {
+            // 检查是否已经存在
+            if (!wordList.includes(inputWord.trim())) {
+                const newWordList = [...wordList, inputWord.trim()];
+                this.setData({
+                    wordList: newWordList,
+                    inputWord: '' // 清空输入框
+                });
+                wx.showToast({
+                    title: '已添加到列表',
+                    icon: 'success'
+                });
+            } else {
+                wx.showToast({
+                    title: '该汉字已存在',
+                    icon: 'none'
+                });
+            }
+        } else {
+            wx.showToast({
+                title: '请输入汉字',
+                icon: 'none'
+            });
+        }
+    },
+
+    // 选择汉字点击事件
+    onWordSelect(e: WechatMiniprogram.TouchEvent) {
+        const { word } = e.currentTarget.dataset;
+        const { wordList } = this.data;
+
+        if (!wordList.includes(word)) {
+            const newWordList = [...wordList, word];
+            this.setData({
+                wordList: newWordList
+            });
+            wx.showToast({
+                title: '已选择',
+                icon: 'success'
+            });
+        } else {
+            wx.showToast({
+                title: '已选择过',
+                icon: 'none'
+            });
+        }
+    },
+
+    // 从列表中移除汉字
+    onRemoveWord(e: WechatMiniprogram.TouchEvent) {
+        const { index } = e.currentTarget.dataset;
+        const { wordList } = this.data;
+        const newWordList = wordList.filter((_, i) => i !== index);
+        this.setData({
+            wordList: newWordList
+        });
+        wx.showToast({
+            title: '已移除',
+            icon: 'success'
+        });
+    },
+
+    // 清空所有选中的汉字
+    onClearAll() {
+        this.setData({
+            wordList: []
+        });
+        wx.showToast({
+            title: '已清空',
+            icon: 'success'
+        });
+    },
+
    tapCard(e: WechatMiniprogram.TouchEvent) {
        const { url } = e.currentTarget.dataset;
        wx.navigateTo({ url });