feat:生产初版页面

2026-03-26 17:33:04 +08:00
parent 3aaf340781
commit dc5e057cb3
63 changed files with 2940 additions and 543 deletions
@@ -0,0 +1,31 @@
+<view class="age-page">
+    <view class="age-hero">
+        <text class="age-hero__title">分龄推荐</text>
+        <text class="age-hero__subtitle">按年龄段挑选适合的练习单，循序渐进更省心</text>
+    </view>
+
+    <view class="age-grid">
+        <view
+            wx:for="{{ageGroups}}"
+            wx:key="label"
+            class="age-card"
+            bindtap="onAgeCardTap"
+            data-min-age="{{item.minAge}}"
+            data-max-age="{{item.maxAge}}"
+        >
+            <view class="age-card__art" style="background: {{item.gradient}}">
+                <text class="age-card__emoji">{{item.emoji}}</text>
+            </view>
+            <view class="age-card__body">
+                <text class="age-card__label">{{item.label}}</text>
+                <text class="age-card__desc">{{item.desc}}</text>
+                <text class="age-card__count">{{item.count}} 个练习</text>
+            </view>
+        </view>
+    </view>
+
+    <view class="age-tip">
+        <text class="age-tip__duck">🦆</text>
+        <text class="age-tip__text">建议家长根据孩子当前能力微调难度，不必严格按年龄划分哦～</text>
+    </view>
+</view>