feat: 完成分龄页开发

miniprogram/pages/age/age.less

@@ -11,7 +11,7 @@
 .age-page {
     min-height: 100vh;
     background: @bg-page;
-    padding-bottom: calc(48rpx + env(safe-area-inset-bottom));
+    padding-bottom: calc(10rpx + env(safe-area-inset-bottom));
     box-sizing: border-box;
 }
 
@@ -289,14 +289,27 @@
     border-bottom: none;
 }
 
-.age-week-row__title {
+.age-week-row__meta {
     flex: 1;
     min-width: 0;
+    display: flex;
+    flex-direction: column;
+    gap: 8rpx;
+}
+
+.age-week-row__title {
     font-size: 28rpx;
     font-weight: 700;
     color: @text-title;
 }
 
+.age-week-row__subtitle {
+    font-size: 22rpx;
+    font-weight: 500;
+    color: @text-gray;
+    line-height: 1.35;
+}
+
 .age-week-row__btn {
     flex-shrink: 0;
     display: flex;
@@ -324,6 +337,39 @@
     box-sizing: border-box;
 }
 
+.age-rec-loading {
+    margin-top: @section-gap-lg;
+    padding: 48rpx @page-padding-x @section-gap-xs;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: center;
+    box-sizing: border-box;
+}
+
+.age-rec-loading__icon {
+    margin-right: 12rpx;
+    font-size: 30rpx;
+    color: @text-secondary;
+    animation: age-rec-loading-spin 0.8s linear infinite;
+}
+
+.age-rec-loading__text {
+    font-size: 26rpx;
+    font-weight: 700;
+    color: @text-secondary;
+}
+
+@keyframes age-rec-loading-spin {
+    from {
+        transform: rotate(0deg);
+    }
+
+    to {
+        transform: rotate(360deg);
+    }
+}
+
 .age-rec__head {
     display: flex;
     flex-direction: row;
@@ -356,28 +402,5 @@
 
 .age-rec__card {
     width: calc(50% - 16rpx);
-    background: @bg-white;
-    border-radius: @radius-lg;
-    overflow: hidden;
-    border: 1rpx solid rgba(50, 46, 37, 0.08);
-    box-shadow: @shadow;
     box-sizing: border-box;
-}
-
-.age-rec__img {
-    width: 100%;
-    height: 200rpx;
-    display: block;
-    background: fade(@brand, 15%);
-}
-
-.age-rec__body {
-    padding: 20rpx 20rpx 24rpx;
-}
-
-.age-rec__card-title {
-    font-size: 26rpx;
-    font-weight: 700;
-    color: @text-title;
-    line-height: 1.35;
 }