feat:2.5.0初始化专注启蒙项目

miniprogram/constants/colors.ts

@@ -85,40 +85,6 @@ export const WATER_COLORS = {
     ],
 };
 
-/**
- * 数字颜色映射（柔和12色）
- * 用于数学页面的数字显示和涂色
- */
-export const NUMBER_COLORS: Record<number, string> = {
-    1: '#ED6D50', // 柔和红色
-    2: '#F9A857', // 柔和橙色
-    3: '#FFE176', // 柔和黄色
-    4: '#B2D94B', // 柔和黄绿色
-    5: '#53D1B6', // 柔和绿色
-    6: '#6CD2EA', // 柔和青色
-    7: '#79A7ED', // 柔和蓝色
-    8: '#9C98DE', // 柔和紫色
-    9: '#F2A4C0', // 柔和粉色
-    10: '#FC9B6C', // 柔和橙红色
-    11: '#BC8F71', // 柔和棕色
-    12: '#666666', // 柔和黑灰
-};
-
-/**
- * 获取所有数字颜色数组
- */
-export function getNumberColors(): string[] {
-    return Object.values(NUMBER_COLORS);
-}
-
-/**
- * 随机获取一个数字颜色
- */
-export function getRandomNumberColor(): string {
-    const colors = getNumberColors();
-    return colors[Math.floor(Math.random() * colors.length)];
-}
-
 export const PAPER_SIZE = {
     A4: {
         // width: 2480,

miniprogram/constants/focusFunctions.ts

@@ -4,15 +4,41 @@ export interface FocusFunctionType {
     title: string;
     desc: string;
     icon: string;
+    mode?: string; // 用于传递默认模式参数，如 '3x3', '5x5', '7x7'
 }
 
 export const FOCUS_FUNCTION_TYPES: FocusFunctionType[] = [
+    // 形状识别
+    {
+        id: 'shape-recognition',
+        page: 'shape',
+        title: '识别形状',
+        desc: '识别形状，涂一涂',
+        icon: '🔍',
+    },
     // 格子仿画
     {
-        id: 'grid-drawing',
+        id: 'grid-drawing-3x3',
         page: 'gridDrawing',
-        title: '格子仿画',
-        desc: '在网格中填充颜色，形成各种形状',
+        title: '格子仿画 3x3',
+        desc: '🎯 简单有趣，培养专注力',
         icon: '🎨',
+        mode: '3x3',
+    },
+    {
+        id: 'grid-drawing-5x5',
+        page: 'gridDrawing',
+        title: '格子仿画 5x5',
+        desc: '✨ 创意挑战，提升观察力',
+        icon: '🎨',
+        mode: '5x5',
+    },
+    {
+        id: 'grid-drawing-7x7',
+        page: 'gridDrawing',
+        title: '格子仿画 7x7',
+        desc: '🌟 大师挑战，锻炼耐心',
+        icon: '🎨',
+        mode: '7x7',
     },
 ];

miniprogram/constants/mathFunctions.ts

@@ -110,3 +110,37 @@ export const MATH_FUNCTION_TYPES: MathFunctionType[] = [
         icon: '🔢',
     },
 ];
+
+/**
+ * 数字颜色映射（柔和12色）
+ * 用于数学页面的数字显示和涂色
+ */
+export const NUMBER_COLORS: Record<number, string> = {
+    1: '#ED6D50', // 柔和红色
+    2: '#F9A857', // 柔和橙色
+    3: '#FFE176', // 柔和黄色
+    4: '#B2D94B', // 柔和黄绿色
+    5: '#53D1B6', // 柔和绿色
+    6: '#6CD2EA', // 柔和青色
+    7: '#79A7ED', // 柔和蓝色
+    8: '#9C98DE', // 柔和紫色
+    9: '#F2A4C0', // 柔和粉色
+    10: '#FC9B6C', // 柔和橙红色
+    11: '#BC8F71', // 柔和棕色
+    12: '#666666', // 柔和黑灰
+};
+
+/**
+ * 获取所有数字颜色数组
+ */
+export function getNumberColors(): string[] {
+    return Object.values(NUMBER_COLORS);
+}
+
+/**
+ * 随机获取一个数字颜色
+ */
+export function getRandomNumberColor(): string {
+    const colors = getNumberColors();
+    return colors[Math.floor(Math.random() * colors.length)];
+}