Fix:4140 【商城小程序】礼品卡封面图自适应范围需要调整,包含上一版本封面图上面的商品图高度

This commit is contained in:
linxi
2025-08-08 11:41:21 +08:00
parent 5586afec97
commit 2dd9430c8d
2 changed files with 15 additions and 15 deletions
+10 -10
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*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;