feat: 列表样式修改

miniprogram/constants/focusFunctions.ts

@@ -5,6 +5,7 @@ export interface FocusFunctionType {
     desc: string;
     icon: string;
     mode?: string; // 用于传递默认模式参数，如 '3x3', '5x5', '7x7'
+    img?: string;
 }
 
 export const FOCUS_FUNCTION_TYPES: FocusFunctionType[] = [
@@ -15,6 +16,7 @@ export const FOCUS_FUNCTION_TYPES: FocusFunctionType[] = [
         title: '识别形状',
         desc: '识别形状，涂一涂',
         icon: '🔍',
+        img: '/assets/focusEntrance/shape-recognition.png',
     },
     // 图形符号配对
     {
@@ -23,6 +25,7 @@ export const FOCUS_FUNCTION_TYPES: FocusFunctionType[] = [
         title: '图形符号配对',
         desc: '根据图形画对应的符号',
         icon: '🔗',
+        img: '/assets/focusEntrance/shape-symbol.png',
     },
     // 方位涂涂乐
     {
@@ -31,6 +34,7 @@ export const FOCUS_FUNCTION_TYPES: FocusFunctionType[] = [
         title: '方位涂涂乐',
         desc: '观察卡片位置，在对应的方格中涂上颜色',
         icon: '📍',
+        img: '/assets/focusEntrance/position-coloring.png',
     },
     // 颜色找规律
     {
@@ -39,6 +43,7 @@ export const FOCUS_FUNCTION_TYPES: FocusFunctionType[] = [
         title: '颜色找规律',
         desc: '观察颜色规律，在空白图形中涂上颜色',
         icon: '🎨',
+        img: '/assets/focusEntrance/color-pattern.png',
     },
     // 连连看
     {
@@ -47,6 +52,7 @@ export const FOCUS_FUNCTION_TYPES: FocusFunctionType[] = [
         title: '连连看',
         desc: '快来根据物品连一连吧!',
         icon: '🔗',
+        img: '/assets/focusEntrance/match-connect.png',
     },
     // 线条识别
     {
@@ -55,6 +61,7 @@ export const FOCUS_FUNCTION_TYPES: FocusFunctionType[] = [
         title: '线条识别',
         desc: '认识不同线条，画出颜色对应的线条',
         icon: '📏',
+        img: '/assets/focusEntrance/line-recognition.png',
     },
     // 方格推理
     {
@@ -63,6 +70,7 @@ export const FOCUS_FUNCTION_TYPES: FocusFunctionType[] = [
         title: '方格推理',
         desc: '仔细观察，推理出合并方格并连线',
         icon: '🧩',
+        img: '/assets/focusEntrance/grid-reasoning.png',
     },
     // 译码连线
     {
@@ -71,6 +79,7 @@ export const FOCUS_FUNCTION_TYPES: FocusFunctionType[] = [
         title: '译码连线',
         desc: '按照数字顺序，将数字对应的颜色连起来',
         icon: '🔢',
+        img: '/assets/focusEntrance/code-connect.png',
     },
     // 格子仿画
     {
@@ -80,6 +89,7 @@ export const FOCUS_FUNCTION_TYPES: FocusFunctionType[] = [
         desc: '🎯 简单有趣，培养专注力',
         icon: '🎨',
         mode: '3x3',
+        img: '/assets/focusEntrance/grid-drawing-3x3.png',
     },
     {
         id: 'grid-drawing-5x5',
@@ -88,6 +98,7 @@ export const FOCUS_FUNCTION_TYPES: FocusFunctionType[] = [
         desc: '✨ 创意挑战，提升观察力',
         icon: '🎨',
         mode: '5x5',
+        img: '/assets/focusEntrance/grid-drawing-5x5.png',
     },
     {
         id: 'grid-drawing-7x7',
@@ -96,5 +107,6 @@ export const FOCUS_FUNCTION_TYPES: FocusFunctionType[] = [
         desc: '🌟 大师挑战，锻炼耐心',
         icon: '🎨',
         mode: '7x7',
+        img: '/assets/focusEntrance/grid-drawing-7x7.png',
     },
 ];