From 2dd9430c8d4fb663f267272d1d341dc9a83a660e Mon Sep 17 00:00:00 2001
From: linxi <linxi.jiang@jeeyor.com>
Date: Fri, 8 Aug 2025 11:41:21 +0800
Subject: [PATCH] =?UTF-8?q?Fix=EF=BC=9A4140=20=E3=80=90=E5=95=86=E5=9F=8E?=
 =?UTF-8?q?=E5=B0=8F=E7=A8=8B=E5=BA=8F=E3=80=91=E7=A4=BC=E5=93=81=E5=8D=A1?=
 =?UTF-8?q?=E5=B0=81=E9=9D=A2=E5=9B=BE=E8=87=AA=E9=80=82=E5=BA=94=E8=8C=83?=
 =?UTF-8?q?=E5=9B=B4=E9=9C=80=E8=A6=81=E8=B0=83=E6=95=B4=EF=BC=8C=E5=8C=85?=
 =?UTF-8?q?=E5=90=AB=E4=B8=8A=E4=B8=80=E7=89=88=E6=9C=AC=E5=B0=81=E9=9D=A2?=
 =?UTF-8?q?=E5=9B=BE=E4=B8=8A=E9=9D=A2=E7=9A=84=E5=95=86=E5=93=81=E5=9B=BE?=
 =?UTF-8?q?=E9=AB=98=E5=BA=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../views/gift/components/CoverPicker.vue     | 10 +++++-----
 pkg_user/views/gift/components/GiftCard.vue   | 20 +++++++++----------
 2 files changed, 15 insertions(+), 15 deletions(-)

diff --git a/pkg_user/views/gift/components/CoverPicker.vue b/pkg_user/views/gift/components/CoverPicker.vue
index 7552e04..7791687 100644
--- a/pkg_user/views/gift/components/CoverPicker.vue
+++ b/pkg_user/views/gift/components/CoverPicker.vue
@@ -14,7 +14,7 @@
         :circular="true"
         :indicator-dots="false"
         @change="onChange"
-        previous-margin="160rpx"
+        previous-margin="200rpx"
         next-margin="180rpx"
         class="cover-swiper"
       >
@@ -22,8 +22,8 @@
           <view class="cover-item" >
             <view class="img-wrap"  :class="currentIndex === index ? 'v12-mt-10' : 'v12-mt-18'">
               <view class="pro-img-wrap " :style="{
-                left: (item.productImageX || 0) * 2 + 'rpx',
-                top: (item.productImageY || -40) * 2 + 'rpx'
+                left: (item.productImageX || 0)   + 'px',
+                top: (item.productImageY || -20)  + 'px'
               }">
                 <image :src="product.image" class="pro-cover-image" mode="widthFix|heightFix" />
               </view>
@@ -147,8 +147,8 @@ export default {
     flex-direction: column;
     align-items: center;
     .cover-image {
-      width: 320rpx;
-      height: 400rpx;
+      width: 240rpx;
+      height: 560rpx;
       border-radius: 16rpx;
       transition: all .2s ease-in-out;
     }
diff --git a/pkg_user/views/gift/components/GiftCard.vue b/pkg_user/views/gift/components/GiftCard.vue
index a6b15c6..5e58ab3 100644
--- a/pkg_user/views/gift/components/GiftCard.vue
+++ b/pkg_user/views/gift/components/GiftCard.vue
@@ -3,8 +3,8 @@
     <view class="gift-card-modal" >
       <image class="bg-image" :src="!card.isBlind ? card.cover : card.blindBoxImage" mode="aspectFit|aspectFill|widthFix" lazy-load="false"></image>
       <view v-if="card.isBlind !== 1" class="image-wrap" :style="{
-        top: card.productImageY*2 * 1.8 + 'rpx',
-        left: card.productImageX*2 * 1.8 + 'rpx'
+        top: card.productImageY + 'px',
+        left: card.productImageX + 'px'
       }">
         <image class="pro-image" :src="card.giftProducts[0].productImage" mode="aspectFit|aspectFill|widthFix" lazy-load="false" @error="" @load="">
           
@@ -228,8 +228,8 @@ export default {
   align-content: center;
 }
 .bg-image{
-  width: 576rpx;
-  height: 720rpx;
+  width: 240rpx;
+  height: 560rpx;
   position: absolute;
   border-radius: 16rpx;
   top: 0;
@@ -260,8 +260,8 @@ export default {
   height: 296rpx;
 }
 .image-wrap{
-  width: 288rpx;
-  height: 288rpx;
+  width: 160rpx;
+  height: 160rpx;
   /*border: 10rpx solid #FDF0D3;*/
   border-radius: 30rpx;
   position: absolute;
@@ -271,8 +271,8 @@ export default {
   margin: auto;
 }
 .pro-image{
-  width: 288rpx;
-  height: 288rpx;
+  width: 160rpx;
+  height: 160rpx;
   /* border-radius: 30rpx; */
 }
 .auto-text-color {
@@ -316,8 +316,8 @@ export default {
   text-align: center;
 }
 .gift-card-modal {
-    height: 720rpx;
-    width: 576rpx;
+    height: 560rpx;
+    width: 240rpx;
     justify-content: center;
     z-index: 999;
     margin-top: 100rpx;