From c2e2597a9aa57f2d5585e10a919d2658ac30d5fe Mon Sep 17 00:00:00 2001
From: wangys <3401275564@qq.com>
Date: Tue, 16 Dec 2025 18:57:45 +0800
Subject: [PATCH] =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E4=BF=AE=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../user/resource-center/HotResourceView.vue  | 47 ++++++++++---------
 1 file changed, 24 insertions(+), 23 deletions(-)

diff --git a/schoolNewsWeb/src/views/user/resource-center/HotResourceView.vue b/schoolNewsWeb/src/views/user/resource-center/HotResourceView.vue
index eeb3b3c..f2f616e 100644
--- a/schoolNewsWeb/src/views/user/resource-center/HotResourceView.vue
+++ b/schoolNewsWeb/src/views/user/resource-center/HotResourceView.vue
@@ -74,7 +74,7 @@
                                 <Document />
                             </el-icon>
                         </div>
-                        <div class="cover-overlay">
+                        <div v-if="article.coverImage" class="cover-overlay">
                             <span class="view-button">查看详情</span>
                         </div>
                     </div>
@@ -554,7 +554,8 @@ function goBack() {
     .article-cover {
         position: relative;
         width: 100%;
-        height: 45%;
+        height: 160px;
+        flex-shrink: 0;
         overflow: hidden;
         background: #F3F4F6;
 
@@ -578,29 +579,29 @@ function goBack() {
             font-size: 48px;
             color: #9CA3AF;
         }
-    }
 
-    .cover-overlay {
-        position: absolute;
-        top: 0;
-        left: 0;
-        right: 0;
-        bottom: 0;
-        background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
-        display: flex;
-        align-items: flex-end;
-        justify-content: center;
-        padding: 20px;
-        opacity: 0;
-        transition: opacity 0.3s;
+        .cover-overlay {
+            position: absolute;
+            top: 0;
+            left: 0;
+            right: 0;
+            bottom: 0;
+            background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
+            display: flex;
+            align-items: flex-end;
+            justify-content: center;
+            padding: 20px;
+            opacity: 0;
+            transition: opacity 0.3s;
 
-        .view-button {
-            padding: 8px 20px;
-            background: #E7000B;
-            color: #FFFFFF;
-            border-radius: 20px;
-            font-size: 14px;
-            font-weight: 500;
+            .view-button {
+                padding: 8px 20px;
+                background: #E7000B;
+                color: #FFFFFF;
+                border-radius: 20px;
+                font-size: 14px;
+                font-weight: 500;
+            }
         }
     }