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

pkg_user/views/gift/components/GiftCard.vue

@@ -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

@@ -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) {