feat: 列表样式修改

miniprogram/constants/mathFunctions.ts

@@ -3,7 +3,8 @@ export interface MathFunctionType {
     page?: string;
     title: string;
     desc: string;
-    icon: string;
+    icon?: string;
+    img?: string;
 }
 
 export const MATH_FUNCTION_TYPES: MathFunctionType[] = [
@@ -13,14 +14,16 @@ export const MATH_FUNCTION_TYPES: MathFunctionType[] = [
         page: 'numberFind',
         title: '找数字，涂一涂',
         desc: '找一找下面相同的数字，涂上颜色',
-        icon: '🔍',
+        // icon: '🔍',
+        img: '/assets/mathEntrance/number-find.png',
     },
     {
         id: 'number-write',
         page: 'numberFind',
         title: '看数字，写一写',
         desc: '看数字，按笔画顺序写一写',
-        icon: '✏️',
+        // icon: '✏️',
+        img: '/assets/mathEntrance/number-write.png',
     },
     {
         id: 'number-coloring',
@@ -28,6 +31,7 @@ export const MATH_FUNCTION_TYPES: MathFunctionType[] = [
         title: '按数字，涂颜色',
         desc: '按数字给相应的圆圈涂上颜色',
         icon: '🎨',
+        img: '/assets/mathEntrance/number-coloring.png',
     },
     // 第二阶段：数数与计数
     {
@@ -36,6 +40,7 @@ export const MATH_FUNCTION_TYPES: MathFunctionType[] = [
         title: '数一数，连一连',
         desc: '通过连线配对数字和对应的数量图形',
         icon: '🔗',
+        img: '/assets/mathEntrance/count-match.png',
     },
     {
         id: 'counting-select',
@@ -43,6 +48,7 @@ export const MATH_FUNCTION_TYPES: MathFunctionType[] = [
         title: '数一数，选一选',
         desc: '数出物品数量，圈出正确答案',
         icon: '✓',
+        img: '/assets/mathEntrance/counting-select.png',
     },
     {
         id: 'counting-fill',
@@ -50,6 +56,7 @@ export const MATH_FUNCTION_TYPES: MathFunctionType[] = [
         title: '数一数，填一填',
         desc: '数出物品数量，填写对应的数字',
         icon: '✏️',
+        img: '/assets/mathEntrance/counting-fill.png',
     },
     {
         id: 'compare',
@@ -57,6 +64,7 @@ export const MATH_FUNCTION_TYPES: MathFunctionType[] = [
         title: '数一数，比大小',
         desc: '比较数量大小，在 ⭕️ 中填入＞、＜、＝',
         icon: '⚖️',
+        img: '/assets/mathEntrance/compare.png',
     },
     // 第三阶段：数字序列
     {
@@ -65,6 +73,7 @@ export const MATH_FUNCTION_TYPES: MathFunctionType[] = [
         title: '填上缺少的数字',
         desc: '在数字序列中找出并填写缺失的数字',
         icon: '❓',
+        img: '/assets/mathEntrance/missing-number.png',
     },
     {
         id: 'number-decompose',
@@ -72,6 +81,7 @@ export const MATH_FUNCTION_TYPES: MathFunctionType[] = [
         title: '10以内数的分与合',
         desc: '把数字分一分，合一合',
         icon: '🔢',
+        img: '/assets/mathEntrance/number-decompose.png',
     },
     // 第四阶段：简单运算（从易到难）
     {
@@ -80,6 +90,7 @@ export const MATH_FUNCTION_TYPES: MathFunctionType[] = [
         title: '5以内加法',
         desc: '练习5以内的加法运算，图形化展示',
         icon: '➕',
+        img: '/assets/mathEntrance/addition-5.png',
     },
     {
         id: 'addition-10',
@@ -87,6 +98,7 @@ export const MATH_FUNCTION_TYPES: MathFunctionType[] = [
         title: '10以内加法',
         desc: '练习10以内的加法运算，图形化展示',
         icon: '➕',
+        img: '/assets/mathEntrance/addition-10.png',
     },
     {
         id: 'subtraction-10',
@@ -94,6 +106,7 @@ export const MATH_FUNCTION_TYPES: MathFunctionType[] = [
         title: '10以内减法',
         desc: '练习10以内的减法运算，图形化展示',
         icon: '➖',
+        img: '/assets/mathEntrance/subtraction-10.png',
     },
     {
         id: 'addition-subtraction-10',
@@ -101,6 +114,7 @@ export const MATH_FUNCTION_TYPES: MathFunctionType[] = [
         title: '10以内加减法',
         desc: '练习10以内的加法和减法混合运算',
         icon: '±',
+        img: '/assets/mathEntrance/addition-subtraction-10.png',
     },
     {
         id: 'number-decompose-20',
@@ -108,5 +122,6 @@ export const MATH_FUNCTION_TYPES: MathFunctionType[] = [
         title: '20以内数的分与合',
         desc: '把数字分一分，合一合',
         icon: '🔢',
+        img: '/assets/mathEntrance/number-decompose-20.png',
     },
 ];