feat: 完成分龄页开发

2026-05-06 17:28:51 +08:00
parent 50394154f7
commit 9bdf850f20
54 changed files with 3499 additions and 1021 deletions
@@ -1,21 +1,62 @@
 <view
-    class="worksheet-card"
+    class="worksheet-card worksheet-card--{{variant}}"
    hover-class="worksheet-card--active"
    hover-stay-time="100"
-    bindtap="onTap"
->
-    <view class="worksheet-card__preview" style="background-color: {{previewBg}}">
-        <image
-            wx:if="{{img}}"
-            class="worksheet-card__img"
-            src="{{img}}"
-            mode="aspectFill"
-        />
-        <text wx:else class="worksheet-card__preview-text">{{previewText}}</text>
-    </view>
-    <view class="worksheet-card__title">{{title}}</view>
-    <view class="worksheet-card__tags">
-        <view wx:if="{{ageRange}}" class="worksheet-card__tag worksheet-card__tag--age">{{ageRange}}</view>
-        <view wx:if="{{difficulty}}" class="worksheet-card__tag worksheet-card__tag--diff">{{difficulty}}</view>
-    </view>
+    bindtap="onTap">
+    <block wx:if="{{variant === 'track'}}">
+        <view class="worksheet-card__top">
+            <image
+                wx:if="{{previewImg || img}}"
+                class="worksheet-card__cover"
+                src="{{previewImg || img}}"
+                mode="widthFix" />
+            <text wx:else class="worksheet-card__icon">{{icon}}</text>
+
+            <view
+                wx:if="{{ageBand || ageRange || difficulty}}"
+                class="worksheet-card__tags-track">
+                <text wx:if="{{ageBand || ageRange}}" class="tag tag--age"
+                    >{{ageBand || ageRange}}</text
+                >
+                <text wx:if="{{difficulty}}" class="tag tag--diff"
+                    >{{difficulty}}</text
+                >
+            </view>
+        </view>
+
+        <view class="worksheet-card__body">
+            <text class="worksheet-card__title-track">{{title}}</text>
+            <text wx:if="{{subtitle}}" class="worksheet-card__sub"
+                >{{subtitle}}</text
+            >
+        </view>
+    </block>
+
+    <block wx:else>
+        <view
+            class="worksheet-card__preview"
+            style="background-color: {{previewBg}}">
+            <image
+                wx:if="{{img}}"
+                class="worksheet-card__img"
+                src="{{img}}"
+                mode="aspectFill" />
+            <text wx:else class="worksheet-card__preview-text"
+                >{{previewText}}</text
+            >
+        </view>
+        <view class="worksheet-card__title">{{title}}</view>
+        <view class="worksheet-card__tags">
+            <view
+                wx:if="{{ageRange}}"
+                class="worksheet-card__tag worksheet-card__tag--age"
+                >{{ageRange}}</view
+            >
+            <view
+                wx:if="{{difficulty}}"
+                class="worksheet-card__tag worksheet-card__tag--diff"
+                >{{difficulty}}</view
+            >
+        </view>
+    </block>
 </view>