feat: 完成分龄页开发

miniprogram/pages/age/age.wxml

@@ -59,12 +59,22 @@
                     <view
                         wx:for="{{item.exercises}}"
                         wx:for-item="ex"
-                        wx:key="title"
+                        wx:key="_id"
                         class="age-week-row">
-                        <text class="age-week-row__title">{{ex.title}}</text>
+                        <view class="age-week-row__meta">
+                            <text class="age-week-row__title"
+                                >{{ex.title}}</text
+                            >
+                            <text
+                                wx:if="{{ex.subtitle}}"
+                                class="age-week-row__subtitle"
+                                >{{ex.subtitle}}</text
+                            >
+                        </view>
                         <view
                             class="age-week-row__btn"
                             data-title="{{ex.title}}"
+                            data-path="{{ex.path}}"
                             catchtap="onPracticeTap">
                             <text>去练习</text>
                             <text
@@ -78,7 +88,14 @@
             </view>
         </view>
 
-        <view class="age-rec">
+        <view wx:if="{{recommendedLoading}}" class="age-rec-loading">
+            <text
+                class="toy-icon toy-icon-loading age-rec-loading__icon"
+                aria-hidden="true"></text>
+            <text class="age-rec-loading__text">推荐加载中...</text>
+        </view>
+
+        <view wx:else class="age-rec">
             <view class="age-rec__head">
                 <text class="age-rec__title">为你推荐</text>
                 <text class="age-rec__more" bindtap="onRecommendMore"
@@ -86,20 +103,21 @@
                 >
             </view>
             <view class="age-rec__grid">
-                <view
+                <worksheet-card
                     wx:for="{{recommendedItems}}"
                     wx:key="title"
                     class="age-rec__card"
+                    variant="track"
+                    title="{{item.title}}"
+                    preview-img="{{item.image}}"
+                    subtitle="{{item.subtitle}}"
+                    age-band="{{item.ageBand}}"
+                    difficulty="{{item.difficulty}}"
+                    path="{{item.path}}"
                     data-title="{{item.title}}"
-                    bindtap="onRecommendTap">
-                    <image
-                        class="age-rec__img"
-                        src="{{item.image}}"
-                        mode="aspectFill" />
-                    <view class="age-rec__body">
-                        <text class="age-rec__card-title">{{item.title}}</text>
-                    </view>
-                </view>
+                    data-path="{{item.path}}"
+                    bindtap="onTapCard"
+                />
             </view>
         </view>
     </view>