Style: 礼品卡定位样式调优

This commit is contained in:
linxi
2025-08-11 15:41:08 +08:00
parent 562739eabd
commit 6b0011d73d
3 changed files with 7 additions and 6 deletions
@@ -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) + 'px',
top: (item.productImageY || -20) + 'px'
left: (item.productImageX*2 || 0) + 'rpx',
top: (item.productImageY*2 || -40) + 'rpx'
}">
<image :src="product.image" class="pro-cover-image" mode="widthFix|heightFix" />
</view>
+4 -3
View File
@@ -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 + 'px',
left: card.productImageX + 'px'
top: card.productImageY*2 + 'rpx',
left: card.productImageX*2 + 'rpx'
}">
<image class="pro-image" :src="card.giftProducts[0].productImage" mode="aspectFit|aspectFill|widthFix" lazy-load="false" @error="" @load="">
@@ -320,7 +320,8 @@ export default {
width: 340rpx;
justify-content: center;
z-index: 999;
margin-top: 100rpx;
/* margin-top: 100rpx; */
zoom: 1.5;
border-radius: 16rpx;
display: flex;
flex-direction: column;
+1 -1
View File
@@ -261,7 +261,7 @@ export default {
withShareTicket: true
})
return {
title: this.giftItem.message || '礼笺轻启,礼藏心意',
title: '礼笺轻启,礼藏心意',
path: `/pkg_user/views/gift/receive?code=${this.giftItem.code}`,
imageUrl: this.giftItem.templateInfo.image
}