diff --git a/frontend/wechat/src/components/ArticleListItem.vue b/frontend/wechat/src/components/ArticleListItem.vue
index 5174b8f..dc94689 100644
--- a/frontend/wechat/src/components/ArticleListItem.vue
+++ b/frontend/wechat/src/components/ArticleListItem.vue
@@ -29,8 +29,9 @@ const showArticle = (article) => {
 <template>
     <div class="bg-white rounded-lg shadow overflow-hidden hover:shadow transition-all cursor-pointer"
         @click="showArticle(article)">
-        <div v-if="article.head_images && article.head_images.length > 0" class="w-full h-48 bg-gray-200">
-            <img :src="article.head_images[0]" class="w-full h-full object-cover" alt="文章图片">
+        <div v-if="article.head_images && article.head_images.length > 0" class="w-full h-32 bg-gray-200">
+            <img :src="article.head_images[0]" class="mask-b-from-50%  w-full h-full object-cover "
+                :alt="article.title" />
         </div>
         <div class="p-4">
             <h3 class="text-lg break-all font-medium text-gray-800 line-clamp-1">