From 36e9c5fca2c6c6870824a311def4d1f10da12603 Mon Sep 17 00:00:00 2001
From: LinCyJang <linxi957440651@163.com>
Date: Sun, 28 Dec 2025 19:30:06 +0800
Subject: [PATCH] =?UTF-8?q?Task=EF=BC=9A=E4=BA=A7=E5=93=81=E6=95=85?=
 =?UTF-8?q?=E4=BA=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pkg_user/views/gift/components/CoverPicker.vue | 18 ++++++++++++++++++
 pkg_user/views/gift/components/GiftCard.vue    | 18 ++++++++++++++++++
 2 files changed, 36 insertions(+)

diff --git a/pkg_user/views/gift/components/CoverPicker.vue b/pkg_user/views/gift/components/CoverPicker.vue
index 3c5587c..cd98e08 100644
--- a/pkg_user/views/gift/components/CoverPicker.vue
+++ b/pkg_user/views/gift/components/CoverPicker.vue
@@ -26,6 +26,14 @@
               }">
                 <image :src="product.image" class="pro-cover-image" mode="widthFix|heightFix" />
               </view>
+              <view class="good-story"
+                :style="{
+                  right: (item.productStoryX*2 || 0)   + 'rpx',
+                  top: (item.productStoryY*2 || 0)  + 'rpx'
+                }"
+              >
+                <view v-for="(line, j) in product.productStory ? product.productStory.split('/n') : productStory.split('/n')" :key="j">{{ line }}</view>
+              </view>
               <image :src="item.cover" class="cover-image" mode="widthFix" />
               <!-- <view class="message-text" :style="{top: currentIndex !== index ? '260rpx' : '220rpx'}">{{ message }}</view> -->
             </view>
@@ -69,6 +77,7 @@ export default {
   },
   data() {
     return {
+      productStory: '源自云南的宣威火腿月饼，/n以匠心手作，外皮酥香，/n内馅甜咸交融。/n每一口，都是月圆情浓的/n团圆滋味，载着滇地独特的/n饮食文化记忆。',
       currentIndex: this.index
     }
   },
@@ -186,4 +195,13 @@ export default {
     line-height: 80rpx;
   }
 }
+.good-story{
+  position: absolute;
+  color: #fff;
+  height: 160px;
+  writing-mode: vertical-rl;
+  color: #ffefd2;
+  font-size: 12px;
+  line-height: 16px;
+}
 </style>
diff --git a/pkg_user/views/gift/components/GiftCard.vue b/pkg_user/views/gift/components/GiftCard.vue
index 00b74a1..1df5960 100644
--- a/pkg_user/views/gift/components/GiftCard.vue
+++ b/pkg_user/views/gift/components/GiftCard.vue
@@ -13,6 +13,14 @@
           
         </image>
       </view>
+      <view class="good-story"
+          :style="{
+            right: (card.productStoryX*2 || 0)   + 'rpx',
+            top: (card.productStoryY*2 || 0)  + 'rpx'
+          }"
+        >
+          <view v-for="(line, j) in card.productStory ? card.productStory.split('/n') : productStory.split('/n')" :key="j">{{ line }}</view>
+        </view>
       <view class="wrap-box">
         
       </view>
@@ -132,6 +140,7 @@ export default {
   },
   data() {
     return {
+      productStory: '源自云南的宣威火腿月饼，/n以匠心手作，外皮酥香，/n内馅甜咸交融。/n每一口，都是月圆情浓的/n团圆滋味，载着滇地独特的/n饮食文化记忆。',
       webUrl: this.$VUE_APP_RESOURCES_URL,
       // 组件数据
       giftNotice: '',
@@ -440,4 +449,13 @@ export default {
   width: 80%;
   max-width: 300px;
 }
+.good-story{
+  position: absolute;
+  color: #fff;
+  height: 160px;
+  writing-mode: vertical-rl;
+  color: #ffefd2;
+  font-size: 12px;
+  line-height: 16px;
+}
 </style>