From d7478792fea8bb0f7d6df7b1b144bdaf0a22cf6e Mon Sep 17 00:00:00 2001
From: lld <15027638633@163.com>
Date: Fri, 27 Mar 2026 00:22:17 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B4=BB=E5=8A=A8=E4=B8=AD=E5=BF=83ui=E6=9A=82?=
 =?UTF-8?q?=E6=97=B6=E6=8F=90=E4=BA=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/news/subpages/eventCenter/index.vue | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/pages/news/subpages/eventCenter/index.vue b/pages/news/subpages/eventCenter/index.vue
index a330dcf..bb83e06 100644
--- a/pages/news/subpages/eventCenter/index.vue
+++ b/pages/news/subpages/eventCenter/index.vue
@@ -7,9 +7,11 @@
           :key="index"
           class="message-item"
       >
-        <!-- 图片区域（带未读角标） -->
+        <!-- 图片区域（带未读角标 + 渐变遮罩） -->
         <view class="img-box">
           <image class="bg-img" :src="item.image" mode="aspectFill"></image>
+          <!-- 新增：底部渐变遮罩层 -->
+          <view class="gradient-mask"></view>
           <view class="unread-tag" v-if="item.unread">未读</view>
           <text class="img-title">{{ item.title }}</text>
         </view>
@@ -89,7 +91,7 @@ export default {
 .message-item {
   background-color: #fff;
   border-radius: 12rpx;
-  margin-bottom: 30rpx;
+  margin-bottom: 25rpx;
   overflow: hidden;
 }
 
@@ -103,6 +105,16 @@ export default {
   width: 100%;
   height: 100%;
 }
+/* 新增：底部渐变遮罩 */
+.gradient-mask {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  height: 120rpx; /* 遮罩高度，和标题区域对齐 */
+  background: linear-gradient(to top, rgba(0,0,0,0.6), transparent);
+  pointer-events: none; /* 不影响点击 */
+}
 .unread-tag {
   position: absolute;
   top: 20rpx;
@@ -121,6 +133,7 @@ export default {
   font-size: 34rpx;
   font-weight: 500;
   text-shadow: 0 2rpx 4rpx rgba(0,0,0,0.5);
+  z-index: 2; /* 确保标题在遮罩上方 */
 }
 
 /* 底部信息栏 */