From 33070fe21b003f369e6577492bb161141ce63b60 Mon Sep 17 00:00:00 2001
From: linxi <linxi.jiang@jeeyor.com>
Date: Wed, 20 Nov 2024 11:43:28 +0800
Subject: [PATCH] =?UTF-8?q?Fix=EF=BC=9A2653=20=E3=80=90=E9=9D=9E=E9=81=97?=
 =?UTF-8?q?=E6=96=87=E5=8C=96=E3=80=91=E3=80=90=E6=8E=A8=E8=8D=90=E3=80=91?=
 =?UTF-8?q?=E5=A4=84=E7=9A=84=E9=9D=9E=E9=81=97=E6=96=87=E5=8C=96=E5=90=8D?=
 =?UTF-8?q?=E7=A7=B0=E5=8F=8A=E7=AE=80=E4=BB=8B=E5=8C=BA=E5=9F=9F=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9E=E5=BA=95=E8=89=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pkg_product/views/heritage/index.vue | 21 ++++++++++++++-------
 1 file changed, 14 insertions(+), 7 deletions(-)

diff --git a/pkg_product/views/heritage/index.vue b/pkg_product/views/heritage/index.vue
index 0721ccc..35042d1 100644
--- a/pkg_product/views/heritage/index.vue
+++ b/pkg_product/views/heritage/index.vue
@@ -67,13 +67,15 @@
         <view class="recommend-item flex-item">
           <view class="v12-font-24 v12-white-text"></view>
           <view>
-            <view @click="toDetails(item.id)" class="item-name one-t v12-px-2 v12-white-border v12-white-text v12-font-32 v12-radius-100 v12-mb-3">
-              <text class="title-link__text one-t">
-                {{ item.name }}
-              </text>
-              <u-icon name="arrow-right" color="#fff" size="14"></u-icon>
+            <view style="padding: 0 20rpx;">
+              <view @click="toDetails(item.id)" class="item-name one-t v12-px-2 v12-white-border v12-white-text v12-font-32 v12-radius-100 v12-mb-2">
+                <text class="title-link__text one-t">
+                  {{ item.name }}
+                </text>
+                <u-icon name="arrow-right" color="#fff" size="14"></u-icon>
+              </view>
             </view>
-            <view class="v12-white-text v12-font-26 one-t">{{ item.intro }}</view>
+            <view class="v12-white-text v12-font-26 one-t intro-bg">{{ item.intro }}</view>
           </view>
         </view>
       </view>
@@ -140,6 +142,10 @@ export default {
 </script>
 
 <style lang="less" scoped>
+.intro-bg{
+  padding: 10rpx 20rpx;
+  background: rgba(0,0,0,0.5);
+}
 .row-column-gap{
   grid-column-gap: 20rpx;
   grid-row-gap: 20rpx;
@@ -172,7 +178,7 @@ export default {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
-  padding: 20rpx;
+  // padding: 20rpx;
 }
 .recommend-item{
   width: 342rpx;
@@ -181,6 +187,7 @@ export default {
   border-radius: 20rpx;
   position: relative;
   box-sizing: border-box;
+  overflow: hidden;
   .image{
     position: absolute;
     left: 0;