R524809
45 lines
1.7 KiB
TypeScript
45 lines
1.7 KiB
TypeScript
import { ALL_WORKSHEETS, getWorksheetsByAge } from '../../core/data/worksheets';
|
|
|
|
interface AgeGroup {
|
|
label: string;
|
|
desc: string;
|
|
emoji: string;
|
|
minAge: number;
|
|
maxAge: number;
|
|
count: number;
|
|
gradient: string;
|
|
}
|
|
|
|
Page({
|
|
data: {
|
|
ageGroups: [] as AgeGroup[],
|
|
},
|
|
|
|
onLoad() {
|
|
const groups = [
|
|
{ label: '3-4 岁', desc: '启蒙认知', emoji: '👶', minAge: 3, maxAge: 4, gradient: 'linear-gradient(135deg, #fff9c4, #fff176)' },
|
|
{ label: '4-5 岁', desc: '基础练习', emoji: '🧒', minAge: 4, maxAge: 5, gradient: 'linear-gradient(135deg, #c8e6c9, #81c784)' },
|
|
{ label: '5-6 岁', desc: '能力提升', emoji: '👦', minAge: 5, maxAge: 6, gradient: 'linear-gradient(135deg, #bbdefb, #64b5f6)' },
|
|
{ label: '6-7 岁', desc: '幼小衔接', emoji: '👧', minAge: 6, maxAge: 7, gradient: 'linear-gradient(135deg, #e1bee7, #ba68c8)' },
|
|
{ label: '7-8 岁', desc: '巩固挑战', emoji: '🎒', minAge: 7, maxAge: 8, gradient: 'linear-gradient(135deg, #ffccbc, #ff8a65)' },
|
|
];
|
|
|
|
const ageGroups = groups.map((g) => ({
|
|
...g,
|
|
count: getWorksheetsByAge(ALL_WORKSHEETS, g.minAge).length,
|
|
}));
|
|
|
|
this.setData({ ageGroups });
|
|
},
|
|
|
|
onAgeCardTap(e: WechatMiniprogram.TouchEvent) {
|
|
const minAge = Number(e.currentTarget.dataset.minAge);
|
|
const maxAge = Number(e.currentTarget.dataset.maxAge);
|
|
if (Number.isNaN(minAge) || Number.isNaN(maxAge)) return;
|
|
const title = `${minAge}-${maxAge}岁推荐`;
|
|
wx.navigateTo({
|
|
url: `/pages/category/category?minAge=${minAge}&maxAge=${maxAge}&title=${encodeURIComponent(title)}`,
|
|
});
|
|
},
|
|
});
|