diff --git a/app/components/YourPuzzleComponent.vue b/app/components/YourPuzzleComponent.vue
index c1783ac..014f490 100644
--- a/app/components/YourPuzzleComponent.vue
+++ b/app/components/YourPuzzleComponent.vue
@@ -2,17 +2,17 @@
   <div class="puzzle-container">
     <div class="puzzle-box" :style="{ height: boxHeight + 'px' }">
       <!-- 背景图 -->
-      <img :src="bgImageUrl" class="bg-image" ref="bgImage" @load="onImageLoad" @error="handleImageError">
+      <img :src="bgImageUrl" style="width: 320px;height: 189px;"  ref="bgImage" @load="onImageLoad" @error="handleImageError">
       <!-- 滑块 -->
-      <div 
+      <img 
         class="slider-block"
+        :src="sliderImageUrl"
         :style="{
-          backgroundImage: `url(${sliderImageUrl})`,
-          top: `${blockY-2}px`,
+          top: `${blockY}px`,
           left: `${moveX}px`,
           visibility: loaded ? 'visible' : 'hidden'
         }"
-      ></div>
+      ></img>
     </div>
     
     <!-- 滑动条 -->