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