From 30063429ba79da463a0a0ec18a878d3e3b52890a Mon Sep 17 00:00:00 2001
From: zzc <1761997216@qq.com>
Date: Wed, 28 Jan 2026 21:54:23 +0800
Subject: [PATCH] fix: wteail detail download

---
 pages/avatar/index.vue     |  1 -
 pages/wallpaper/detail.vue | 77 ++++++++++++++++++++++----------------
 2 files changed, 45 insertions(+), 33 deletions(-)

diff --git a/pages/avatar/index.vue b/pages/avatar/index.vue
index b5ae6bd..e456875 100644
--- a/pages/avatar/index.vue
+++ b/pages/avatar/index.vue
@@ -168,7 +168,6 @@ import {
   abilityCheck,
 } from "@/api/system.js";
 import {
-  avatarDownloadRecord,
   getAvatarSystemList,
   getAvatarFrameList,
   getAvatarDecorList,
diff --git a/pages/wallpaper/detail.vue b/pages/wallpaper/detail.vue
index 618f6b0..1695ebf 100644
--- a/pages/wallpaper/detail.vue
+++ b/pages/wallpaper/detail.vue
@@ -58,17 +58,23 @@
             <text class="arrow">›</text>
           </view>
         </view>
-        <view class="more-grid">
-          <view
-            v-for="(item, index) in recommendList"
-            :key="index"
-            class="grid-item"
-            @tap="onRecommendClick(item)"
-          >
-            <image :src="item.imageUrl" mode="aspectFill" class="grid-img" />
-            <text class="item-title">{{ item.title || "新春壁纸" }}</text>
+        <scroll-view scroll-x class="more-scroll" :show-scrollbar="false">
+          <view class="scroll-inner">
+            <view
+              v-for="(item, index) in recommendList"
+              :key="index"
+              class="scroll-item"
+              @tap="onRecommendClick(item)"
+            >
+              <image
+                :src="item.imageUrl"
+                mode="aspectFill"
+                class="scroll-img"
+              />
+              <text class="item-title">{{ item.title || "新春壁纸" }}</text>
+            </view>
           </view>
-        </view>
+        </scroll-view>
       </view>
 
       <!-- Fortune Banner -->
@@ -402,31 +408,38 @@ const goToAvatar = () => {
     }
   }
 
-  .more-grid {
-    display: grid;
-    grid-template-columns: repeat(3, 1fr);
-    gap: 12px;
+  .more-scroll {
+    width: 100%;
+    white-space: nowrap;
+  }
 
-    .grid-item {
-      display: flex;
-      flex-direction: column;
+  .scroll-inner {
+    display: flex;
+    padding-right: 20px;
+  }
 
-      .grid-img {
-        width: 100%;
-        aspect-ratio: 9/16;
-        border-radius: 8px;
-        margin-bottom: 8px;
-        background-color: #f5f5f5;
-      }
+  .scroll-item {
+    display: inline-flex;
+    flex-direction: column;
+    width: 200rpx;
+    margin-right: 20rpx;
+    flex-shrink: 0;
 
-      .item-title {
-        font-size: 12px;
-        color: #333;
-        text-align: center;
-        white-space: nowrap;
-        overflow: hidden;
-        text-overflow: ellipsis;
-      }
+    .scroll-img {
+      width: 100%;
+      height: 355rpx;
+      border-radius: 12rpx;
+      margin-bottom: 12rpx;
+      background-color: #f5f5f5;
+    }
+
+    .item-title {
+      font-size: 24rpx;
+      color: #333;
+      text-align: center;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
     }
   }
 }