diff --git a/pages/wallpaper/index.vue b/pages/wallpaper/index.vue
index d7b2cbd..fd901a3 100644
--- a/pages/wallpaper/index.vue
+++ b/pages/wallpaper/index.vue
@@ -1,13 +1,8 @@
 <template>
   <view
     class="wallpaper-page"
-    :style="{ paddingTop: getBavBarHeight() + 'px' }"
   >
-    <!-- Custom Navbar -->
-    <view class="nav-bar">
-      <view class="back" @tap="goBack">‹</view>
-      <text class="nav-title">新春精美壁纸</text>
-    </view>
+    <NavBar title="精美壁纸" />
 
     <!-- Category Tabs -->
     <view class="category-tabs">
@@ -42,7 +37,7 @@
           :key="index"
         >
           <image
-            :src="item.imageUrl"
+            :src="getThumbUrl(item.imageUrl)" 
             mode="aspectFill"
             class="wallpaper-img"
             @tap="previewImage(index)"
@@ -97,12 +92,12 @@ import {
 import { onShareAppMessage } from "@dcloudio/uni-app";
 import { getShareReward, abilityCheck } from "@/api/system.js";
 import { useUserStore } from "@/stores/user";
+import NavBar from "@/components/NavBar/NavBar.vue";
 
 const userStore = useUserStore();
 const loginPopupRef = ref(null);
 
 const isLoggedIn = computed(() => !!userStore.userInfo.nickName);
-
 const categories = ref([]);
 const currentCategoryId = ref(null);
 const wallpapers = ref([]);
@@ -135,8 +130,8 @@ onMounted(async () => {
   await fetchCategories();
 });
 
-const goBack = () => {
-  uni.navigateBack();
+const getThumbUrl = (url) => {
+   return `${url}?imageView2/1/w/340/h/600/q/80`;
 };
 
 const fetchCategories = async () => {