Fix:3279 【礼品功能】选择封面交互形式优化,应该两边低于中间,而不是高于中间

This commit is contained in:
linxi
2025-02-24 11:27:29 +08:00
parent cd1a12ac6a
commit f127123a62
@@ -19,8 +19,8 @@
> >
<swiper-item v-for="(item, index) in list" :key="index"> <swiper-item v-for="(item, index) in list" :key="index">
<view class="cover-item"> <view class="cover-item">
<view class="img-wrap" :class="{ 'v12-mt-8': currentIndex === index }"> <view class="img-wrap" :class="currentIndex === index ? 'v12-mt-8' : 'v12-mt-4'">
<view class="pro-img-wrap "> <view class="pro-img-wrap " v-show="currentIndex === index ">
<image :src="product.image" class="pro-cover-image" mode="widthFix|heightFix" /> <image :src="product.image" class="pro-cover-image" mode="widthFix|heightFix" />
</view> </view>
<image :src="item.cover" class="cover-image" mode="widthFix|heightFix" /> <image :src="item.cover" class="cover-image" mode="widthFix|heightFix" />
@@ -103,7 +103,7 @@ export default {
right: 0; right: 0;
margin: auto; margin: auto;
border: 10rpx solid #FDF0D3; border: 10rpx solid #FDF0D3;
top: -30px; top: -40px;
} }
.img-wrap{ .img-wrap{
position: relative; position: relative;