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

feat:2.4.5 修改首页

Browse Source
This commit is contained in:
R524809
2025-12-08 13:43:20 +08:00
parent 1e50a3b56e
commit e193369478
7 changed files with 110 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files
miniprogram/app.json
+7 -7
View File
@@ -1,8 +1,8 @@
{ {
"pages": [ "pages": [
"pages/mathIndex/mathIndex",
"pages/index/index", "pages/index/index",
"pages/shape/index", "pages/shape/index",
"pages/mathIndex/mathIndex",
"pages/copyBook/copyBook", "pages/copyBook/copyBook",
"pages/debug/debug" "pages/debug/debug"
], ],
@@ -56,18 +56,18 @@
"selectedColor": "#F5BC00", "selectedColor": "#F5BC00",
"backgroundColor": "#fff", "backgroundColor": "#fff",
"list": [ "list": [
{
"pagePath": "pages/index/index",
"iconPath": "assets/tabBar/icon-word.png",
"selectedIconPath": "assets/tabBar/icon-word-active.png",
"text": "识字"
},
{ {
"pagePath": "pages/mathIndex/mathIndex", "pagePath": "pages/mathIndex/mathIndex",
"iconPath": "assets/tabBar/icon-math.png", "iconPath": "assets/tabBar/icon-math.png",
"selectedIconPath": "assets/tabBar/icon-math-active.png", "selectedIconPath": "assets/tabBar/icon-math-active.png",
"text": "数学" "text": "数学"
}, },
{
"pagePath": "pages/index/index",
"iconPath": "assets/tabBar/icon-word.png",
"selectedIconPath": "assets/tabBar/icon-word-active.png",
"text": "识字"
},
{ {
"pagePath": "pages/shape/index", "pagePath": "pages/shape/index",
"iconPath": "assets/tabBar/icon-shape.png", "iconPath": "assets/tabBar/icon-shape.png",
miniprogram/constants/mathFunctions.ts
+8 -8
View File
@@ -30,13 +30,6 @@ export const MATH_FUNCTION_TYPES: MathFunctionType[] = [
icon: '🎨', icon: '🎨',
}, },
// 第二阶段：数数与计数 // 第二阶段：数数与计数
{
id: 'counting-select',
page: 'countingSelect',
title: '数一数，选一选',
desc: '数出物品数量，圈出正确答案',
icon: '✓',
},
{ {
id: 'counting-matching', id: 'counting-matching',
page: 'countMatch', page: 'countMatch',
@@ -44,6 +37,13 @@ export const MATH_FUNCTION_TYPES: MathFunctionType[] = [
desc: '通过连线配对数字和对应的数量图形', desc: '通过连线配对数字和对应的数量图形',
icon: '🔗', icon: '🔗',
}, },
{
id: 'counting-select',
page: 'countingSelect',
title: '数一数，选一选',
desc: '数出物品数量，圈出正确答案',
icon: '✓',
},
{ {
id: 'counting-fill', id: 'counting-fill',
page: 'countingSelect', page: 'countingSelect',
@@ -70,7 +70,7 @@ export const MATH_FUNCTION_TYPES: MathFunctionType[] = [
id: 'number-decompose', id: 'number-decompose',
page: 'numberDecompose', page: 'numberDecompose',
title: '10以内数的分与合', title: '10以内数的分与合',
desc: '学习数的分解与组合', desc: '把数字分一分，合一合',
icon: '🔢', icon: '🔢',
}, },
// 第四阶段：简单运算（从易到难） // 第四阶段：简单运算（从易到难）
miniprogram/mathPages/numberDecompose/numberDecompose.ts
+68 -15
View File
@@ -106,22 +106,31 @@ Page({
}, },
/** /**
* 生成分解数据 * 生成分解数据（确保不重复）
*/ */
generateDecomposeData() { generateDecomposeData() {
const mode = this.data.currentType; const mode = this.data.currentType;
const problems: Array<{ const problems: Array<{
whole: number; whole: number | null;
part1: number | null; part1: number | null;
part2: number | null; part2: number | null;
imageIndex?: number; imageIndex?: number;
imageType?: 'fruits' | 'twelve-animals'; imageType?: 'fruits' | 'twelve-animals';
}> = []; }> = [];
// 用于去重的 Set，存储题目唯一标识
// 格式：对于分解模式 "whole:part1:part2:showPart1"，对于组合模式 "part1:part2"
const usedKeys = new Set<string>();
if (mode === 'with-image') { if (mode === 'with-image') {
// 有图片模式：6个题目，一行两列，总共三行 // 有图片模式：9个题目，一行三列，总共三行
const problemCount = 6; const problemCount = 9;
for (let i = 0; i < problemCount; i++) { let attempts = 0;
const maxAttempts = problemCount * 50; // 最大尝试次数
while (problems.length < problemCount && attempts < maxAttempts) {
attempts++;
// 生成总数（2-10） // 生成总数（2-10）
const whole = Math.floor(Math.random() * 9) + 2; const whole = Math.floor(Math.random() * 9) + 2;
// 随机选择一个部分（1 到 whole-1） // 随机选择一个部分（1 到 whole-1）
@@ -130,11 +139,18 @@ Page({
// 随机决定显示 part1 还是 part2（另一个为 null） // 随机决定显示 part1 还是 part2（另一个为 null）
const showPart1 = Math.random() < 0.5; const showPart1 = Math.random() < 0.5;
const problem = {
whole, // 生成唯一标识（统一格式：part1 <= part2）
part1: showPart1 ? part1 : null, const minPart = Math.min(part1, part2);
part2: showPart1 ? null : part2, const maxPart = Math.max(part1, part2);
}; const key = `${whole}:${minPart}:${maxPart}:${showPart1}`;
// 检查是否已存在
if (usedKeys.has(key)) {
continue;
}
usedKeys.add(key);
// 随机选择图片类型和索引 // 随机选择图片类型和索引
const imageType: 'fruits' | 'twelve-animals' = const imageType: 'fruits' | 'twelve-animals' =
@@ -144,15 +160,22 @@ Page({
Math.floor(Math.random() * maxImageIndex) + 1; Math.floor(Math.random() * maxImageIndex) + 1;
problems.push({ problems.push({
...problem, whole,
part1: showPart1 ? part1 : null,
part2: showPart1 ? null : part2,
imageIndex, imageIndex,
imageType, imageType,
}); });
} }
} else if (mode === 'decompose') { } else if (mode === 'decompose') {
// 分模式：12个题目，一行3个，总共4行 // 分模式：15个题目，一行3个，总共5行
const problemCount = 15; const problemCount = 15;
for (let i = 0; i < problemCount; i++) { let attempts = 0;
const maxAttempts = problemCount * 50; // 最大尝试次数
while (problems.length < problemCount && attempts < maxAttempts) {
attempts++;
// 生成总数（2-10） // 生成总数（2-10）
const whole = Math.floor(Math.random() * 9) + 2; const whole = Math.floor(Math.random() * 9) + 2;
// 随机选择一个部分（1 到 whole-1） // 随机选择一个部分（1 到 whole-1）
@@ -161,6 +184,19 @@ Page({
// 随机决定显示 part1 还是 part2（另一个为 null） // 随机决定显示 part1 还是 part2（另一个为 null）
const showPart1 = Math.random() < 0.5; const showPart1 = Math.random() < 0.5;
// 生成唯一标识（统一格式：part1 <= part2）
const minPart = Math.min(part1, part2);
const maxPart = Math.max(part1, part2);
const key = `${whole}:${minPart}:${maxPart}:${showPart1}`;
// 检查是否已存在
if (usedKeys.has(key)) {
continue;
}
usedKeys.add(key);
problems.push({ problems.push({
whole, whole,
part1: showPart1 ? part1 : null, part1: showPart1 ? part1 : null,
@@ -168,15 +204,32 @@ Page({
}); });
} }
} else if (mode === 'compose') { } else if (mode === 'compose') {
// 组合模式：12个题目，一行3个，总共4行 // 组合模式：15个题目，一行3个，总共5行
const problemCount = 15; const problemCount = 15;
for (let i = 0; i < problemCount; i++) { let attempts = 0;
const maxAttempts = problemCount * 50; // 最大尝试次数
while (problems.length < problemCount && attempts < maxAttempts) {
attempts++;
// 生成总数（2-10） // 生成总数（2-10）
const whole = Math.floor(Math.random() * 9) + 2; const whole = Math.floor(Math.random() * 9) + 2;
// 随机选择一个部分（1 到 whole-1） // 随机选择一个部分（1 到 whole-1）
const part1 = Math.floor(Math.random() * (whole - 1)) + 1; const part1 = Math.floor(Math.random() * (whole - 1)) + 1;
const part2 = whole - part1; const part2 = whole - part1;
// 生成唯一标识（统一格式：part1 <= part2）
const minPart = Math.min(part1, part2);
const maxPart = Math.max(part1, part2);
const key = `${minPart}:${maxPart}`;
// 检查是否已存在
if (usedKeys.has(key)) {
continue;
}
usedKeys.add(key);
// 组合模式：两个部分都显示，根节点为 null // 组合模式：两个部分都显示，根节点为 null
problems.push({ problems.push({
whole: null, // 根节点需要填写 whole: null, // 根节点需要填写
miniprogram/mathPages/service/numberDecomposeContentDraw.ts
+20 -13
View File
@@ -85,7 +85,7 @@ export async function drawNumberDecomposeContent({
} }
/** /**
* 有图片模式：一行两列，总共三行（6个题目） * 有图片模式：一行三列，总共三行（9个题目）
*/ */
async function drawWithImageMode( async function drawWithImageMode(
canvas: WechatMiniprogram.Canvas, canvas: WechatMiniprogram.Canvas,
@@ -103,21 +103,21 @@ async function drawWithImageMode(
const leftMargin = 30; const leftMargin = 30;
const rightMargin = 30; const rightMargin = 30;
const topMargin = 20; const topMargin = 20;
const boxSpacing = 40; const boxSpacing = 20;
const rowSpacing = 40; const rowSpacing = 32;
// 计算每个框的尺寸 // 计算每个框的尺寸
const availableWidth = canvasWidth - leftMargin - rightMargin; const availableWidth = canvasWidth - leftMargin - rightMargin;
const boxWidth = (availableWidth - boxSpacing) / 2; // 2列，1个间距 const boxWidth = (availableWidth - boxSpacing * 2) / 3; // 3列，2个间距
const imageAreaHeight = 116; // 图片区域高度 const imageAreaHeight = 120; // 图片区域高度
const treeAreaHeight = 80; // 二叉树区域高度 const treeAreaHeight = 80; // 二叉树区域高度
let currentY = startY + topMargin; let currentY = startY + topMargin;
// 绘制2列3行 // 绘制3列3行
for (let row = 0; row < 3; row++) { for (let row = 0; row < 3; row++) {
for (let col = 0; col < 2; col++) { for (let col = 0; col < 3; col++) {
const problemIndex = row * 2 + col; const problemIndex = row * 3 + col;
if (problemIndex >= problems.length) { if (problemIndex >= problems.length) {
continue; continue;
} }
@@ -437,9 +437,10 @@ async function drawImagesInBox(
const config = imageConfig[imageType] || imageConfig['twelve-animals']; const config = imageConfig[imageType] || imageConfig['twelve-animals'];
const padding = 8; const horizontalPadding = 5;
const availableWidth = boxWidth - padding * 2; const verticalPadding = 10;
const availableHeight = boxHeight - padding * 2; const availableWidth = boxWidth - horizontalPadding * 2;
const availableHeight = boxHeight - verticalPadding * 2;
// 根据数量确定每行的图片数和图片大小 // 根据数量确定每行的图片数和图片大小
let imagesPerRow: number; let imagesPerRow: number;
@@ -479,11 +480,17 @@ async function drawImagesInBox(
const col = i % imagesPerRow; const col = i % imagesPerRow;
const imageX = const imageX =
boxX + padding + imageSpacing + col * (imageSize + imageSpacing); boxX +
horizontalPadding +
imageSpacing +
col * (imageSize + imageSpacing);
const imageY = const imageY =
boxY + boxY +
padding + verticalPadding +
// 这两段代码是用于计算每一张图片在Y轴方向上的实际位置（imageY 变量）
// 第一行：如果有多于一行，行间用 rowSpacing，否则单行时图片整体垂直居中排列。
(rows > 1 ? rowSpacing : (availableHeight - imageSize) / 2) + (rows > 1 ? rowSpacing : (availableHeight - imageSize) / 2) +
// 第二行：加上具体第 row 行的纵向偏移（每张图片的高度加上行间距，再乘以行号）。
row * (imageSize + (rows > 1 ? rowSpacing : 0)); row * (imageSize + (rows > 1 ? rowSpacing : 0));
if (boxImage) { if (boxImage) {
miniprogram/pages/index/index.ts
+2 -2
View File
@@ -23,7 +23,7 @@ Page({
currentColor: '', currentColor: '',
showIntroductionPopup: false, showIntroductionPopup: false,
showSelectWordPopup: false, // 选择文字弹窗 showSelectWordPopup: false, // 选择文字弹窗
selectedTemplate: 'find', // 选中的模板类型 selectedTemplate: 'grid', // 选中的模板类型 grid 或 find 模式
env: 'release', env: 'release',
isPCDevtool: false, isPCDevtool: false,
showShareDialog: false, // 显示分享引导弹窗 showShareDialog: false, // 显示分享引导弹窗
@@ -53,7 +53,7 @@ Page({
{ color: '#8A2BE2', word: '您' }, { color: '#8A2BE2', word: '您' },
], ],
selectedWords: ['涂', '鸦', '丫', '欢', '迎', '您'], selectedWords: ['涂', '鸦', '丫', '欢', '迎', '您'],
showIntroductionPopup: true, // showIntroductionPopup: true,
env: getApp().globalData.env || 'release', env: getApp().globalData.env || 'release',
}, },
() => { () => {
miniprogram/pages/mathIndex/mathIndex.less
+1 -1
View File
@@ -16,7 +16,7 @@ page {
.math-page-header { .math-page-header {
margin-bottom: 40rpx; margin-bottom: 40rpx;
text-align: center; text-align: center;
padding-top: 20rpx; padding-top: 28rpx;
} }
.math-page-title { .math-page-title {
miniprogram/pages/mathIndex/mathIndex.wxml
+4 -4
View File
@@ -1,10 +1,10 @@
<view class="page-container"> <view class="page-container">
<!-- 页面标题和描述 --> <!-- 页面标题和描述 -->
<view class="math-page-header"> <view class="math-page-header">
<view class="math-page-title">数学学习涂鸦卡</view> <view class="math-page-title">数感启蒙</view>
<view class="math-page-subtitle" <view class="math-page-subtitle">
>选择功能，生成可打印的数学学习涂鸦卡</view 选择功能，生成可打印的数感启蒙涂鸦卡
> </view>
</view> </view>
<!-- 功能列表 --> <!-- 功能列表 -->