feat:收藏下载页优化loading逻辑

miniprogram/pages/favorites/favorites.less

@@ -87,17 +87,19 @@
     flex-direction: row;
     align-items: center;
     gap: 32rpx;
-    padding: 32rpx;
+    padding: 24rpx 26rpx;
     background: @bg-header;
     box-shadow: @shadow;
 }
 
 .fav-card__thumb {
-    width: 160rpx;
-    height: 160rpx;
+    width: 144rpx;
+    height: 180rpx;
     border-radius: @radius;
     flex-shrink: 0;
     background: @fav-thumb-placeholder;
+    border: 1rpx solid rgba(50, 46, 37, 0.08);
+    overflow: hidden;
 }
 
 .fav-card__main {
@@ -106,7 +108,9 @@
     display: flex;
     flex-direction: column;
     align-items: flex-start;
-    gap: 8rpx;
+    justify-content: space-between;
+    align-self: stretch;
+    padding: 16rpx 0;
 }
 
 .fav-card__title {
@@ -137,6 +141,7 @@
 }
 
 .fav-card__badge {
+    display: inline-block;
     margin-top: 4rpx;
     font-size: 18rpx;
     font-weight: 600;
@@ -281,7 +286,7 @@
     flex-direction: row;
     align-items: center;
     gap: 32rpx;
-    padding: 32rpx;
+    padding: 24rpx 26rpx;
     background: @bg-header;
     border-radius: @radius-lg;
     box-shadow: @shadow;
@@ -293,11 +298,13 @@
 }
 
 .fav-dl-row__thumb {
-    width: 160rpx;
-    height: 160rpx;
+    width: 144rpx;
+    height: 180rpx;
     border-radius: @radius;
     flex-shrink: 0;
     background: @fav-thumb-placeholder;
+    border: 1rpx solid rgba(50, 46, 37, 0.08);
+    overflow: hidden;
 }
 
 .fav-dl-row__thumb--ph {
@@ -310,6 +317,12 @@
 .fav-dl-row__main {
     flex: 1;
     min-width: 0;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    justify-content: space-between;
+    align-self: stretch;
+    padding: 16rpx 0;
 }
 
 .fav-dl-row__title {
@@ -317,7 +330,6 @@
     font-weight: 700;
     color: @text-title;
     line-height: 1.25;
-    margin-bottom: 12rpx;
 }
 
 .fav-dl-row__meta {
@@ -328,6 +340,7 @@
     gap: 12rpx;
     font-size: 26rpx;
     color: fade(@text-secondary, 88%);
+    line-height: 26rpx;
 }
 
 .fav-dl-row__time {
@@ -361,6 +374,30 @@
     border-radius: 50%;
 }
 
+/* Loading */
+.fav-loading {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 120rpx 0;
+}
+
+.fav-loading__icon {
+    font-size: 56rpx;
+    color: @text-secondary;
+    animation: fav-spin 0.8s linear infinite;
+}
+
+@keyframes fav-spin {
+    from {
+        transform: rotate(0deg);
+    }
+
+    to {
+        transform: rotate(360deg);
+    }
+}
+
 /* 空状态 */
 .fav-empty {
     display: flex;