Fix：收礼相关逻辑补充

pkg_user/views/gift/receive.vue

@@ -1,6 +1,15 @@
 <template>
   <view>
-    <GiftCard :card="giftCard" :addr="giftChooseAddress" />
+    <GiftCard v-if="!giftCard.expireTime" :card="giftCard" :addr="giftChooseAddress" @receive="getGiftCard" />
+    <view v-else>
+      <view class="no-img-wrap">
+        <view class="wrap-box">
+          <image :src="webUrl + '/icon/no-gift.png'" mode="widthFix"></image>
+          <view class="v12-font-28 v12-dark1-text v12-mt-8">礼包超过24小时未领取，订单已取消</view>
+          <view class="v12-font-28 v12-primary-text v12-primary-border go-btn">去商城看看</view>
+        </view>
+      </view>
+    </view>
   </view>
 </template>
 
@@ -13,6 +22,7 @@ export default {
   },
   data() {
     return {
+      webUrl: this.$VUE_APP_RESOURCES_URL,
       giftCard: {},
       giftChooseAddress: {}
     }
@@ -49,6 +59,30 @@ export default {
 </script>
 
 <style lang="less" scoped>
+.wrap-box{
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  margin-bottom: 400rpx;
+}
+.go-btn{
+  border-radius: 200rpx;
+  padding: 8rpx 20rpx;
+  font-weight: bold;
+  margin-top: 60rpx;
+  width: fit-content;
+}
+.no-img-wrap{
+    height: 100vh;
+    display: flex;
+    align-items: center;
+    flex-direction: column;
+    justify-content: center;
+}
+.no-img-wrap image{
+  width: 280rpx;
+  height: 280rpx;
+}
 .top-card{
   width: 710rpx;
   height: 280rpx;