fix: wteail detail download

pages/avatar/index.vue

@@ -168,7 +168,6 @@ import {
   abilityCheck,
 } from "@/api/system.js";
 import {
-  avatarDownloadRecord,
   getAvatarSystemList,
   getAvatarFrameList,
   getAvatarDecorList,

pages/wallpaper/detail.vue

@@ -58,17 +58,23 @@
             <text class="arrow">›</text>
           </view>
         </view>
-        <view class="more-grid">
+        <scroll-view scroll-x class="more-scroll" :show-scrollbar="false">
+          <view class="scroll-inner">
             <view
               v-for="(item, index) in recommendList"
               :key="index"
-            class="grid-item"
+              class="scroll-item"
               @tap="onRecommendClick(item)"
             >
-            <image :src="item.imageUrl" mode="aspectFill" class="grid-img" />
+              <image
+                :src="item.imageUrl"
+                mode="aspectFill"
+                class="scroll-img"
+              />
               <text class="item-title">{{ item.title || "新春壁纸" }}</text>
             </view>
           </view>
+        </scroll-view>
       </view>
 
       <!-- Fortune Banner -->
@@ -402,25 +408,33 @@ const goToAvatar = () => {
     }
   }
 
-  .more-grid {
-    display: grid;
-    grid-template-columns: repeat(3, 1fr);
-    gap: 12px;
-
-    .grid-item {
-      display: flex;
-      flex-direction: column;
-
-      .grid-img {
+  .more-scroll {
     width: 100%;
-        aspect-ratio: 9/16;
-        border-radius: 8px;
-        margin-bottom: 8px;
+    white-space: nowrap;
+  }
+
+  .scroll-inner {
+    display: flex;
+    padding-right: 20px;
+  }
+
+  .scroll-item {
+    display: inline-flex;
+    flex-direction: column;
+    width: 200rpx;
+    margin-right: 20rpx;
+    flex-shrink: 0;
+
+    .scroll-img {
+      width: 100%;
+      height: 355rpx;
+      border-radius: 12rpx;
+      margin-bottom: 12rpx;
       background-color: #f5f5f5;
     }
 
     .item-title {
-        font-size: 12px;
+      font-size: 24rpx;
       color: #333;
       text-align: center;
       white-space: nowrap;
@@ -429,7 +443,6 @@ const goToAvatar = () => {
     }
   }
 }
-}
 
 .fortune-banner-wrap {
   margin-bottom: 40px;