From 10b7c444cd4268eb49d00814277c0255987b1ef7 Mon Sep 17 00:00:00 2001
From: lzx_win <2602107437@qq.com>
Date: Wed, 15 Oct 2025 17:22:53 +0800
Subject: [PATCH] =?UTF-8?q?refactor(CaseItem):=20=E7=A7=BB=E9=99=A4?=
 =?UTF-8?q?=E8=AF=A6=E6=83=85=E6=8C=89=E9=92=AE=E5=B9=B6=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E5=8D=A1=E7=89=87=E7=82=B9=E5=87=BB=E4=BA=8B=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

将查看详情功能从按钮移至整个卡片点击事件，简化交互方式并移除冗余按钮样式代码
---
 src/components/cases/CaseItem.vue | 23 ++---------------------
 1 file changed, 2 insertions(+), 21 deletions(-)

diff --git a/src/components/cases/CaseItem.vue b/src/components/cases/CaseItem.vue
index 2f16cee..8117dc8 100644
--- a/src/components/cases/CaseItem.vue
+++ b/src/components/cases/CaseItem.vue
@@ -26,7 +26,7 @@ const viewDetails = () => {
 </script>
 
 <template>
-    <div class="case-card" data-aos="fade-up" :data-aos-delay="item.delay">
+    <div class="case-card" data-aos="fade-up" :data-aos-delay="item.delay" @click="viewDetails">
         <div class="case-image">
             <div v-if="showCategory" class="category-tag">{{ item.categoryName }}</div>
             <img :src="item.imageUrl && item.imageUrl.split(',')[0]" :alt="item.title" />
@@ -34,9 +34,6 @@ const viewDetails = () => {
         <div class="case-content">
             <h3>{{ item.title }}</h3>
             <p>{{ item.description }}</p>
-            <!-- 根据buttonType渲染不同的按钮样式 -->
-            <a v-if="buttonType === 'link'" href="#" class="btn-link" @click.prevent="viewDetails">查看详情</a>
-            <button v-else class="btn-details" @click="viewDetails">查看详情</button>
         </div>
     </div>
 </template>
@@ -147,6 +144,7 @@ const viewDetails = () => {
     transition: transform 0.3s ease, box-shadow 0.3s ease;
     background: white;
     position: relative;
+    cursor: pointer;
 
     &:hover {
         transform: translateY(-10px);
@@ -199,21 +197,4 @@ const viewDetails = () => {
         }
     }
 }
-
-.btn-details {
-    display: inline-block;
-    padding: 8px 20px;
-    background: transparent;
-    border: 1px solid $primary-color;
-    color: $primary-color;
-    border-radius: 30px;
-    font-weight: 500;
-    cursor: pointer;
-    transition: all 0.3s ease;
-
-    &:hover {
-        background: $primary-color;
-        color: white;
-    }
-}
 </style>
\ No newline at end of file