✨ 渐变效果支持

snowykami · Oct 7, 2024 · 95ddc35 · 95ddc35
1 parent b560dcc
commit 95ddc35
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/.vitepress/sugarat/theme/src/components/BlogItem.vue b/.vitepress/sugarat/theme/src/components/BlogItem.vue
@@ -171,6 +171,10 @@ const resultCover = computed(() => {
     .description{
       color: var(--vp-c-user-2);
     }
+
+    .cover-img {
+      transform: scale(1.05);
+    }
   }
 }
 
@@ -231,10 +235,12 @@ const resultCover = computed(() => {
   width: 120px;
   height: 80px;
   margin-left: 24px;
-  border-radius: 2px;
   background-repeat: no-repeat;
-  background-size: contain;
   background-position: center;
+  background-size: cover; // 添加此行
+  overflow: hidden;
+  border-radius: 0.5rem;
+  transition: var(--item-hover-transition);
 }
 
 .pc-visible {