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
+          <view class="scroll-inner">
-            v-for="(item, index) in recommendList"
+            <view
-            :key="index"
+              v-for="(item, index) in recommendList"
-            class="grid-item"
+              :key="index"
-            @tap="onRecommendClick(item)"
+              class="scroll-item"
-          >
+              @tap="onRecommendClick(item)"
-            <image :src="item.imageUrl" mode="aspectFill" class="grid-img" />
+            >
-            <text class="item-title">{{ item.title || "新春壁纸" }}</text>
+              <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 {
+  .more-scroll {
-    display: grid;
+    width: 100%;
-    grid-template-columns: repeat(3, 1fr);
+    white-space: nowrap;
-    gap: 12px;
+  }
 
-    .grid-item {
+  .scroll-inner {
-      display: flex;
+    display: flex;
-      flex-direction: column;
+    padding-right: 20px;
+  }
 
-      .grid-img {
+  .scroll-item {
-        width: 100%;
+    display: inline-flex;
-        aspect-ratio: 9/16;
+    flex-direction: column;
-        border-radius: 8px;
+    width: 200rpx;
-        margin-bottom: 8px;
+    margin-right: 20rpx;
-        background-color: #f5f5f5;
+    flex-shrink: 0;
-      }
 
-      .item-title {
+    .scroll-img {
-        font-size: 12px;
+      width: 100%;
-        color: #333;
+      height: 355rpx;
-        text-align: center;
+      border-radius: 12rpx;
-        white-space: nowrap;
+      margin-bottom: 12rpx;
-        overflow: hidden;
+      background-color: #f5f5f5;
-        text-overflow: ellipsis;
+    }
-      }
+
+    .item-title {
+      font-size: 24rpx;
+      color: #333;
+      text-align: center;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
     }
   }
 }