feat:生产初版页面

This commit is contained in:
R524809
2026-03-26 17:33:04 +08:00
parent 3aaf340781
commit dc5e057cb3
63 changed files with 2940 additions and 543 deletions
+8 -131
View File
@@ -1,131 +1,8 @@
export interface FocusFunctionType {
id: string;
page?: string;
title: string;
desc: string;
icon: string;
mode?: string; // 用于传递默认模式参数,如 '3x3', '5x5', '7x7'
img?: string;
}
export const FOCUS_FUNCTION_TYPES: FocusFunctionType[] = [
// 根据颜色画图形
{
id: 'color-shape-match',
page: 'colorShapeMatch',
title: '根据颜色画图形',
desc: '根据颜色画出对应的图形',
icon: '🎯',
img: '/assets/focusEntrance/color-shape-match.png',
},
// 图形符号配对
{
id: 'shape-symbol',
page: 'shapeSymbol',
title: '图形符号配对',
desc: '根据图形画对应的符号',
icon: '🔗',
img: '/assets/focusEntrance/shape-symbol.png',
},
// 形状识别
{
id: 'shape-recognition',
page: 'shape',
title: '识别形状',
desc: '识别形状,涂一涂',
icon: '🔍',
img: '/assets/focusEntrance/shape-recognition.png',
},
// 方位涂涂乐
{
id: 'position-coloring',
page: 'positionColoring',
title: '方位涂涂乐',
desc: '观察卡片位置,在对应的方格中涂上颜色',
icon: '📍',
img: '/assets/focusEntrance/position-coloring.png',
},
// 颜色找规律
{
id: 'color-pattern',
page: 'colorPattern',
title: '颜色找规律',
desc: '观察颜色规律,在空白图形中涂上颜色',
icon: '🎨',
img: '/assets/focusEntrance/color-pattern.png',
},
// 连连看
{
id: 'match-connect',
page: 'matchConnect',
title: '连连看',
desc: '快来根据物品连一连吧!',
icon: '🔗',
img: '/assets/focusEntrance/match-connect.png',
},
// 线条识别
{
id: 'line-recognition',
page: 'lineRecognition',
title: '线条识别',
desc: '认识不同线条,画出颜色对应的线条',
icon: '📏',
img: '/assets/focusEntrance/line-recognition.png',
},
// 方格推理
{
id: 'grid-reasoning',
page: 'gridReasoning',
title: '方格推理',
desc: '仔细观察,推理出合并方格并连线',
icon: '🧩',
img: '/assets/focusEntrance/grid-reasoning.png',
},
// 译码连线
{
id: 'code-connect',
page: 'codeConnect',
title: '译码连线',
desc: '按照数字顺序,将数字对应的颜色连线',
icon: '🔢',
img: '/assets/focusEntrance/code-connect.png',
},
// 数字点连线
{
id: 'dot-connect',
page: 'dotConnect',
title: '数字点连线',
desc: '按数字顺序连点',
icon: '🔗',
img: '/assets/focusEntrance/dot-connect.png',
},
// 格子仿画
{
id: 'grid-drawing-3x3',
page: 'gridDrawing',
title: '格子仿画 3x3',
desc: '🎯 简单有趣,培养专注力',
icon: '🎨',
mode: '3x3',
img: '/assets/focusEntrance/grid-drawing-3x3.png',
},
{
id: 'grid-drawing-5x5',
page: 'gridDrawing',
title: '格子仿画 5x5',
desc: '✨ 创意挑战,提升观察力',
icon: '🎨',
mode: '5x5',
img: '/assets/focusEntrance/grid-drawing-5x5.png',
},
{
id: 'grid-drawing-7x7',
page: 'gridDrawing',
title: '格子仿画 7x7',
desc: '🌟 大师挑战,锻炼耐心',
icon: '🎨',
mode: '7x7',
img: '/assets/focusEntrance/grid-drawing-7x7.png',
},
];
/**
* 桥接文件 - 保持向后兼容
* 实际数据已迁移到 core/data/worksheets.ts
*/
export {
FOCUS_FUNCTION_TYPES,
type FocusFunctionType,
} from '../core/data/worksheets';
+5 -227
View File
@@ -1,227 +1,5 @@
export interface MathFunctionType {
id: string;
page?: string;
title: string;
desc: string;
icon?: string;
img?: string;
}
export const MATH_FUNCTION_TYPES: MathFunctionType[] = [
{
id: 'number-sort',
page: 'numberSort',
title: '数字排序',
desc: '数字排序,写出正确顺序',
icon: '🔢',
img: '/assets/mathEntrance/number-sort.png',
},
{
id: 'one-digit-addition',
page: 'oneDigitAddition',
title: '一位数加法',
desc: '通过圆点学习一位数加法运算',
icon: '',
img: '/assets/mathEntrance/one-digit-addition.png',
},
{
id: 'make-ten',
page: 'makeTen',
title: '凑十法练习',
desc: '通过凑十法学习20以内进位加法',
icon: '',
img: '/assets/mathEntrance/make-ten.png',
},
{
id: 'break-ten',
page: 'breakTen',
title: '破十法练习',
desc: '通过破十法学习20以内退位减法',
icon: '',
img: '/assets/mathEntrance/break-ten.png',
},
{
id: 'flat-ten',
page: 'flatTen',
title: '平十法练习',
desc: '通过平十法学习20以内退位减法',
icon: '',
img: '/assets/mathEntrance/flat-ten.png',
},
{
id: 'borrow-ten',
page: 'borrowTen',
title: '借十法练习',
desc: '通过借十法学习20以上退位减法',
icon: '',
img: '/assets/mathEntrance/borrow-ten.png',
},
{
id: 'number-decompose-20',
page: 'numberDecompose',
title: '20以内数的分与合',
desc: '把数字分一分,合一合',
icon: '🔢',
img: '/assets/mathEntrance/number-decompose-20.png',
},
{
id: 'number-decompose',
page: 'numberDecompose',
title: '10以内数的分与合',
desc: '把数字分一分,合一合',
icon: '🔢',
img: '/assets/mathEntrance/number-decompose.png',
},
// 第一阶段:认识数字(最基础)
{
id: 'number-find',
page: 'numberFind',
title: '找数字,涂一涂',
desc: '找一找下面相同的数字,涂上颜色',
// icon: '🔍',
img: '/assets/mathEntrance/number-find.png',
},
{
id: 'number-write',
page: 'numberFind',
title: '看数字,写一写',
desc: '看数字,按笔画顺序写一写',
// icon: '✏️',
img: '/assets/mathEntrance/number-write.png',
},
{
id: 'number-coloring',
page: 'countMatch',
title: '按数字,涂颜色',
desc: '按数字给相应的圆圈涂上颜色',
icon: '🎨',
img: '/assets/mathEntrance/number-coloring.png',
},
// 第二阶段:数数与计数
{
id: 'counting-matching',
page: 'countMatch',
title: '数一数,连一连',
desc: '通过连线配对数字和对应的数量图形',
icon: '🔗',
img: '/assets/mathEntrance/count-match.png',
},
// 数物对应
{
id: 'number-object-match',
page: 'numberObjectMatch',
title: '数物连线',
desc: '连线相同数量的物品和数字',
icon: '🔗',
img: '/assets/mathEntrance/number-object-match.png',
},
{
id: 'number-object-fill',
page: 'numberObjectMatch',
title: '数物填写',
desc: '数一数物品数量,填写对应的数字',
icon: '✏️',
img: '/assets/mathEntrance/number-object-fill.png',
},
{
id: 'counting-select',
page: 'countingSelect',
title: '数一数,选一选',
desc: '数出物品数量,圈出正确答案',
icon: '✓',
img: '/assets/mathEntrance/counting-select.png',
},
{
id: 'counting-fill',
page: 'countingSelect',
title: '数一数,填一填',
desc: '数出物品数量,填写对应的数字',
icon: '✏️',
img: '/assets/mathEntrance/counting-fill.png',
},
{
id: 'compare',
page: 'compare',
title: '数一数,比大小',
desc: '比较数量大小,在 ⭕️ 中填入>、<、=',
icon: '⚖️',
img: '/assets/mathEntrance/compare.png',
},
// 第三阶段:数字序列
{
id: 'missing-number',
page: 'missingNumber',
title: '填上缺少的数字',
desc: '在数字序列中找出并填写缺失的数字',
icon: '❓',
img: '/assets/mathEntrance/missing-number.png',
},
// 第四阶段:简单运算(从易到难)
{
id: 'addition-5',
page: 'addition',
title: '5以内加法',
desc: '练习5以内的加法运算,图形化展示',
icon: '',
img: '/assets/mathEntrance/addition-5.png',
},
{
id: 'addition-10',
page: 'addition',
title: '10以内加法',
desc: '练习10以内的加法运算,图形化展示',
icon: '',
img: '/assets/mathEntrance/addition-10.png',
},
{
id: 'subtraction-10',
page: 'addition',
title: '10以内减法',
desc: '练习10以内的减法运算,图形化展示',
icon: '',
img: '/assets/mathEntrance/subtraction-10.png',
},
{
id: 'addition-subtraction-10',
page: 'addition',
title: '10以内加减法',
desc: '练习10以内的加法和减法混合运算',
icon: '±',
img: '/assets/mathEntrance/addition-subtraction-10.png',
},
// 计算练习题
{
id: 'practice-addition',
page: 'calculationPractice',
title: '加法运算',
desc: '练习10/20/50/100以内加法运算',
icon: '',
img: '/assets/mathEntrance/practice-addition.png',
},
{
id: 'practice-subtraction',
page: 'calculationPractice',
title: '减法运算',
desc: '练习10/20/50/100以内减法运算',
icon: '',
img: '/assets/mathEntrance/practice-subtraction.png',
},
{
id: 'practice-mixed',
page: 'calculationPractice',
title: '混合运算',
desc: '练习10/20/50/100以内加减法混合运算',
icon: '±',
img: '/assets/mathEntrance/practice-mixed.png',
},
// 九九乘法表
{
id: 'multiplication-table',
page: 'multiplicationTable',
title: '九九乘法表',
desc: '学习九九乘法口诀',
icon: '✖️',
img: '/assets/mathEntrance/multiplication-table.png',
},
];
/**
* 桥接文件 - 保持向后兼容
* 实际数据已迁移到 core/data/worksheets.ts
*/
export { MATH_FUNCTION_TYPES, type MathFunctionType } from '../core/data/worksheets';