From a99c165ba33a5cedee753b69aeac0359db9f2d30 Mon Sep 17 00:00:00 2001
From: xy <10816187@qq.com>
Date: Thu, 13 Aug 2026 12:10:10 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20filter=E9=A1=B5=E9=9D=A2=E4=BD=BF?=
 =?UTF-8?q?=E7=94=A8=E5=9B=BE=E7=89=87=E6=87=92=E5=8A=A0=E8=BD=BD=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/filter.astro | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/filter.astro b/src/pages/filter.astro
index c36d0cc..5f0e8cb 100644
--- a/src/pages/filter.astro
+++ b/src/pages/filter.astro
@@ -6,6 +6,7 @@ import Folder from "@/assets/icon/folder.png?url";
 import { formatDatetime } from "@/lib/format.ts";
 import { createHttp } from "@/lib/request";
 import type { CategoriesStats, Post, Tag } from "@/types";
+import LazyImage from "@/components/LazyImage.astro";
 
 const http = createHttp(Astro.request.headers);
 
@@ -144,7 +145,7 @@ const isActive = (targetType: string, targetCode: string) =>
                 <li class="post-card">
                   <a class="post-cover" href={`/post/${post.slug}`} aria-label={post.title}>
                     {post.cover ? (
-                      <img src={post.cover} alt={post.title} loading="lazy" />
+                      <LazyImage src={post.cover} alt={post.title} />
                     ) : (
                       <span class="cover-placeholder">{post.title[0]}</span>
                     )}
@@ -343,7 +344,6 @@ const isActive = (targetType: string, targetCode: string) =>
     font-size: 40px;
     color: #fff;
     overflow: hidden;
-    background: linear-gradient(135deg, #4f6df5, #7b5cf0);
   }
 
   .post-cover img {