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

Feat：多品送礼，建立送礼清单（盲盒）/ 盲盒订单商品信息隐藏

Browse Source
This commit is contained in:
LinCyJang
2025-07-28 01:17:47 +08:00
parent 199912c4da
commit 7f9af40ab0
4 changed files with 64 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/order/MyOrder/index.vue
+8 -1
View File
@@ -42,9 +42,16 @@
<view class="font-color-white statusTag v12-primary" v-if="order.isTickets===1 && order._status._type === 1">
待核销
</view>
<view class="font-color-white statusTag v12-primary" v-else>{{ order.isGiftCardSend ? '礼包' :getStatus(order) }}</view>
<view class="font-color-white statusTag v12-primary" v-else>{{ order.isGiftCardSend || order.isGiftCardReceive ? '礼包' :getStatus(order) }}</view>
</view>
<view @click="goOrderDetails(order)">
<view class="item-info acea-row row-between row-top" v-if="order.isGiftCardReceiveBlind === 1">
<view class="pictrue">
<image
:src="webUrl+'/orderIcon/盲盒礼包.png'"
/>
</view>
</view>
<view class="item-info acea-row row-between row-top" v-for="(cart,cartInfoIndex) in order.cartInfo"
:key="cartInfoIndex">
<view class="pictrue">
pages/order/OrderDetails/index.vue
+14 -1
View File
@@ -112,7 +112,7 @@
<view style="margin-top: 30rpx;border-radius:20rpx;overflow: hidden;" class="v12-white">
<!-- <OrderGoods :evaluate="status.type || 0" :cartInfo="orderInfo.cartInfo || []" title="商品信息"></OrderGoods> -->
<view class="v12-radius-20 v12-pa-3" v-for="(cart, d) in orderInfo.cartInfo" :key="d" @click="goGoodsCon(cart)">
<view class="v12-justify-between">
<view class="v12-justify-between" v-if="orderInfo.isGiftCardReceiveBlind === 0">
<view class="">
<image style="width: 120rpx; height: 120rpx" class="v12-radius-8" :src="cart.productInfo.image"></image>
</view>
@@ -136,6 +136,19 @@
</view>
</view>
</view>
<view class="v12-justify-between" v-else>
<view class="">
<image style="width: 120rpx; height: 120rpx" class="v12-radius-8" :src="webUrl+'/orderIcon/盲盒礼包.png'"></image>
</view>
<view class="v12-justify-between v12-flex-column v12-ml-2 v12-py-2" style="flex: 2">
<view class="v12-font-28 v12-dark-text v12-font-bold more-t">
盲盒礼物
</view>
<view class="more-t v12-secondary-dark-text v12-font-24">
待收货后展示商品信息
</view>
</view>
</view>
<view class="" v-if="orderInfo.cartInfo &&( d === orderInfo.cartInfo.length - 1)">
<view class="v12-justify-between v12-align-center v12-mt-3 v12-dark-text">
<view class="v12-font-24 v12-dark-text">
pkg_user/views/gift/components/GiftCard.vue
+31 -9
View File
@@ -1,8 +1,11 @@
<template>
<view class="dialog-conent" v-show="isLogin">
<view class="gift-card-modal" >
<image class="bg-image" :src="card.cover" mode="aspectFit|aspectFill|widthFix" lazy-load="false"></image>
<view class="image-wrap">
<image class="bg-image" :src="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'
}">
<image class="pro-image" :src="card.giftProducts[0].productImage" mode="aspectFit|aspectFill|widthFix" lazy-load="false" @error="" @load="">
</image>
@@ -15,6 +18,10 @@
</view>
</view>
<view class="blind-box" v-if="card.isBlind">
<u-icon :name="webUrl + '/orderIcon/礼物.png'" size="30" ></u-icon>
<text class="v12-font-30 v12-dark-text v12-font-bold v12-ml-2">您收到一份来自朋友的神秘礼物</text>
</view>
<view class="btn-wrap">
<button v-if="!isReceive && myGift.isCurrentUser !== 1" class="share-btn v12-white-text v12-primary" @click="setAddress(0)">
填写地址并收下
@@ -176,6 +183,17 @@ export default {
</script>
<style scoped>
.blind-box{
width: 578rpx;
height: 90rpx;
background: rgba(255,255,255,0.39);
box-shadow: 0rpx 2rpx 20rpx rgba(0,0,0,0.05);
border-radius: 16rpx;
line-height: 90rpx;
display: flex;
padding-left: 35rpx;
align-items: center;
}
.info-btn{
border: 1px solid #C52733;
color: #C52733;
@@ -202,9 +220,10 @@ export default {
align-content: center;
}
.bg-image{
width: 586rpx;
height: 704rpx;
width: 576rpx;
height: 720rpx;
position: absolute;
border-radius: 16rpx;
top: 0;
}
.tips{
@@ -233,17 +252,19 @@ export default {
height: 296rpx;
}
.image-wrap{
width: 296rpx;
height: 296rpx;
width: 288rpx;
height: 288rpx;
border: 10rpx solid #FDF0D3;
border-radius: 30rpx;
position: absolute;
overflow: hidden;
top: -140rpx;
right: 0;
margin: auto;
}
.pro-image{
width: 296rpx;
height: 296rpx;
width: 288rpx;
height: 288rpx;
/* border-radius: 30rpx; */
}
.auto-text-color {
@@ -287,7 +308,8 @@ export default {
text-align: center;
}
.gift-card-modal {
height: 704rpx;
height: 720rpx;
width: 576rpx;
justify-content: center;
z-index: 999;
margin-top: 100rpx;
pkg_user/views/giftList.vue
+11 -2
View File
@@ -142,6 +142,15 @@
</view>
</view>
</view>
<view v-if="item.isBlind" class="gift-body" @click="giftItemClickHanlde(item)">
<view class="gift-img">
<image
:src="webUrl+'/orderIcon/盲盒礼包.png'"
class="img"
mode="widthFix"
/>
</view>
</view>
<view class="gift-bottom">
<view class="gift-txt">
赠言：{{ item.message || '' }}
@@ -335,7 +344,7 @@ export default {
this.isLoad = false
giftCardReceiveList({
page: 1,
limit: 999
limit: 10
}).then(res => {
const { success, data } = res
if (success) {
@@ -351,7 +360,7 @@ export default {
this.isLoad = false
giftCardSendList({
page: 1,
limit: 999
limit: 10
}).then(res => {
const { success, data } = res
if (success) {