joey5628/doodle-mini
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 列表样式修改

Browse Source
This commit is contained in:
joey
2025-12-22 20:16:10 +08:00
parent 70a78b1cc5
commit b29ea455cb
36 changed files with 88 additions and 234 deletions
Download Patch File Download Diff File Expand all files Collapse all files
miniprogram/constants/focusFunctions.ts
+12
View File
@@ -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',
},
];
miniprogram/constants/mathFunctions.ts
+18 -3
View File
@@ -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',
},
];