From 291c83d0285bcb0aac2f7a0c6133ed79da514729 Mon Sep 17 00:00:00 2001
From: Rogee <rogeecn@qq.com>
Date: Wed, 14 May 2025 19:34:07 +0800
Subject: [PATCH] feat: update list ui

---
 frontend/wechat/src/components/ArticleListItem.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/wechat/src/components/ArticleListItem.vue b/frontend/wechat/src/components/ArticleListItem.vue
index e0278f4..cde6683 100644
--- a/frontend/wechat/src/components/ArticleListItem.vue
+++ b/frontend/wechat/src/components/ArticleListItem.vue
@@ -33,9 +33,9 @@ const showArticle = (article) => {
     <div class="bg-white rounded-xl shadow-sm overflow-hidden hover:shadow-md transition-shadow duration-200 cursor-pointer"
         @click="showArticle(article)">
         <div v-if="article.head_images && article.head_images.length > 0"
-            class="relative w-full aspect-video bg-gray-100 overflow-hidden">
+            class="relative w-full pb-[40%] bg-gray-100 overflow-hidden">
             <img :src="article.head_images[0]"
-                class="w-full h-full object-cover transition-transform duration-300 hover:scale-105"
+                class="absolute inset-0 w-full h-full object-cover transition-transform duration-300 hover:scale-105"
                 :alt="article.title" />
             <div class="absolute inset-0 bg-gradient-to-b from-transparent to-black/30"></div>
         </div>