fix: index detail

pages/index/index.vue

@@ -159,7 +159,7 @@
             @tap="navToWallpaper(item)"
           >
             <image
-              :src="getThumbUrl(item.resourceInfo?.url)"
+              :src="getThumbUrl(item.imageUrl)"
               mode="aspectFill"
               class="wallpaper-img"
             />
@@ -190,7 +190,7 @@
             @tap="navToAvatar(item)"
           >
             <image
-              :src="getThumbUrl(item.resourceInfo?.url)"
+              :src="getThumbUrl(item.imageUrl)"
               mode="aspectFill"
               class="avatar-img"
             />
@@ -221,7 +221,11 @@ import { ref, onMounted, computed } from "vue";
 import { getStatusBarHeight } from "@/utils/system";
 import { onShareAppMessage, onShareTimeline, onShow } from "@dcloudio/uni-app";
 import { useUserStore } from "@/stores/user";
-import { getRankList, watchAdReward } from "@/api/system";
+import {
+  getRankList,
+  watchAdReward,
+  getRandomRecommendList,
+} from "@/api/system";
 import { getUserSignInfo, userSignIn } from "@/api/user";
 import calendar from "@/utils/lunar";
 
@@ -369,8 +373,8 @@ const fetchUserSingInfo = async () => {
 const fetchHomeData = async () => {
   try {
     const [wallpapers, avatars] = await Promise.all([
-      getRankList("wallpaper"),
-      getRankList("avatar"),
+      getRandomRecommendList("wallpaper_download"),
+      getRandomRecommendList("avatar_download"),
     ]);
 
     if (wallpapers && Array.isArray(wallpapers)) {
@@ -394,16 +398,14 @@ const navToMake = (item) => {
 };
 
 const navToWallpaper = (item) => {
-  const imageUrl = encodeURIComponent(
-    item.resourceInfo?.url || item.imageUrl || "",
-  );
+  const imageUrl = encodeURIComponent(item.imageUrl || "");
   uni.navigateTo({
-    url: `/pages/wallpaper/detail?id=${item.targetId}&imageUrl=${imageUrl}`,
+    url: `/pages/wallpaper/detail?id=${item.id}&imageUrl=${imageUrl}&categoryId=${item.categoryId}`,
   });
 };
 
 const navToAvatar = (item) => {
-  const query = `recommendId=${item.targetId || ""}&type=avatar&imageUrl=${encodeURIComponent(item?.resourceInfo?.url || "")}`;
+  const query = `recommendId=${item.id || ""}&type=avatar&imageUrl=${encodeURIComponent(item?.imageUrl || "")}`;
   uni.navigateTo({ url: `/pages/avatar/index?${query}` });
 };
 
@@ -914,11 +916,11 @@ onShareTimeline(() => {
       flex-direction: column;
       align-items: center;
       margin-right: 24rpx;
-      width: 140rpx;
+      width: 160rpx;
 
       .avatar-img {
-        width: 140rpx;
-        height: 140rpx;
+        width: 160rpx;
+        height: 160rpx;
         border-radius: 32rpx;
         margin-bottom: 12rpx;
         box-shadow: 0 8rpx 24rpx rgba(0, 0, 0, 0.05);
@@ -941,8 +943,8 @@ onShareTimeline(() => {
       flex-direction: column;
       align-items: center;
       justify-content: center;
-      width: 140rpx;
-      height: 140rpx;
+      width: 160rpx;
+      height: 160rpx;
       background: #d81e06;
       border-radius: 32rpx;
       box-shadow: 0 8rpx 24rpx rgba(216, 30, 6, 0.2);

pages/wallpaper/detail.vue

@@ -146,6 +146,10 @@ onLoad(async (options) => {
   if (options.imageUrl) {
     detailData.value.imageUrl = decodeURIComponent(options.imageUrl);
   }
+
+  if (options.categoryId) {
+    categoryId.value = options.categoryId;
+  }
   fetchRecommend(options.id);
 });
 
@@ -197,7 +201,7 @@ const fetchRecommend = async (id) => {
   try {
     const res = await getWallpaperSameList(id || detailData.value.id);
     recommendList.value = res;
-    categoryId.value = res[0]?.categoryId || "";
+    // categoryId.value = res[0]?.categoryId || "";
   } catch (e) {
     console.error("Failed to fetch recommendations", e);
   }