liangxin/xdd-uniapp-new
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Style： 礼品卡定位样式调优

Browse Source
This commit is contained in:
linxi
2025-08-11 15:41:08 +08:00
parent 562739eabd
commit 6b0011d73d
3 changed files with 7 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pkg_user/views/gift/components/CoverPicker.vue
+2 -2
View File
@@ -22,8 +22,8 @@
<view class="cover-item" > <view class="cover-item" >
<view class="img-wrap" :class="currentIndex === index ? 'v12-mt-10' : 'v12-mt-18'"> <view class="img-wrap" :class="currentIndex === index ? 'v12-mt-10' : 'v12-mt-18'">
<view class="pro-img-wrap " :style="{ <view class="pro-img-wrap " :style="{
left: (item.productImageX || 0) + 'px', left: (item.productImageX*2 || 0) + 'rpx',
top: (item.productImageY || -20) + 'px' top: (item.productImageY*2 || -40) + 'rpx'
}"> }">
<image :src="product.image" class="pro-cover-image" mode="widthFix|heightFix" /> <image :src="product.image" class="pro-cover-image" mode="widthFix|heightFix" />
</view> </view>
pkg_user/views/gift/components/GiftCard.vue
+4 -3
View File
@@ -3,8 +3,8 @@
<view class="gift-card-modal" > <view class="gift-card-modal" >
<image class="bg-image" :src="!card.isBlind ? card.cover : card.blindBoxImage" mode="aspectFit|aspectFill|widthFix" lazy-load="false"></image> <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="{ <view v-if="card.isBlind !== 1" class="image-wrap" :style="{
top: card.productImageY + 'px', top: card.productImageY*2 + 'rpx',
left: card.productImageX + 'px' left: card.productImageX*2 + 'rpx'
}"> }">
<image class="pro-image" :src="card.giftProducts[0].productImage" mode="aspectFit|aspectFill|widthFix" lazy-load="false" @error="" @load=""> <image class="pro-image" :src="card.giftProducts[0].productImage" mode="aspectFit|aspectFill|widthFix" lazy-load="false" @error="" @load="">
@@ -320,7 +320,8 @@ export default {
width: 340rpx; width: 340rpx;
justify-content: center; justify-content: center;
z-index: 999; z-index: 999;
margin-top: 100rpx; /* margin-top: 100rpx; */
zoom: 1.5;
border-radius: 16rpx; border-radius: 16rpx;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
pkg_user/views/giftList.vue
+1 -1
View File
@@ -261,7 +261,7 @@ export default {
withShareTicket: true withShareTicket: true
}) })
return { return {
title: this.giftItem.message || '礼笺轻启，礼藏心意', title: '礼笺轻启，礼藏心意',
path: `/pkg_user/views/gift/receive?code=${this.giftItem.code}`, path: `/pkg_user/views/gift/receive?code=${this.giftItem.code}`,
imageUrl: this.giftItem.templateInfo.image imageUrl: this.giftItem.templateInfo.image
} }