Fix:4140 【商城小程序】礼品卡封面图自适应范围需要调整,包含上一版本封面图上面的商品图高度
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user