Feat:礼品卡图片商品位置自定义/ 封面选择

This commit is contained in:
LinCyJang
2025-07-23 23:39:39 +08:00
parent 5ea0b9f994
commit 3b3d39f460
@@ -21,11 +21,14 @@
<swiper-item v-for="(item, index) in list" :key="index">
<view class="cover-item" >
<view class="img-wrap" :class="currentIndex === index ? 'v12-mt-10' : 'v12-mt-18'">
<view class="pro-img-wrap ">
<view class="pro-img-wrap " :style="{
left: (item.productImageX || 0) + 'px',
top: (item.productImageY || -40) + 'px'
}">
<image :src="product.image" class="pro-cover-image" mode="widthFix|heightFix" />
</view>
<image :src="item.cover" class="cover-image" mode="widthFix|heightFix" />
<view class="message-text" :style="{top: currentIndex !== index ? '260rpx' : '220rpx'}">{{ message || '礼笺轻启,礼藏心意' }}</view>
<view class="message-text" :style="{top: currentIndex !== index ? '260rpx' : '220rpx'}">{{ message }}</view>
</view>
<view class="cover-name">{{ item.name }} </view>
</view>