From b56de87856ddeef2cc31a01619e793894ca5bfec Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B0=8F=E8=8E=AB=E5=94=90=E5=B0=BC?=
 <tzxiaomo@outlook.com>
Date: Mon, 15 Jun 2026 13:32:56 +0800
Subject: [PATCH] =?UTF-8?q?refactor(home&post-card):=20=E8=B0=83=E6=95=B4?=
 =?UTF-8?q?=E7=82=B9=E5=87=BB=E4=BA=8B=E4=BB=B6=E7=BB=91=E5=AE=9A=E4=BD=8D?=
 =?UTF-8?q?=E7=BD=AE=E5=B9=B6=E4=BC=98=E5=8C=96=E7=A9=BA=E7=8A=B6=E6=80=81?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

1. 将作者卡片的点击事件从子组件移到父容器上，简化子组件依赖
2. 给空状态提示容器添加box-border类统一样式规范
3. 为文章卡片添加点击跳转详情页的逻辑
---
 src/components/uh-post-card/uh-post-card.vue | 12 +++++++++---
 src/pages/home/home.vue                      |  6 +++---
 2 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/src/components/uh-post-card/uh-post-card.vue b/src/components/uh-post-card/uh-post-card.vue
index bd01209..32bee30 100644
--- a/src/components/uh-post-card/uh-post-card.vue
+++ b/src/components/uh-post-card/uh-post-card.vue
@@ -93,20 +93,26 @@ const textFooterClass = computed(() => {
   }
   return 'gap-x-2'
 })
+
+function handleToPostDetail() {
+  uni.navigateTo({
+    url: `/pages-blog/post-detail/post-detail?metadataName=${props.post.metadata.name}`,
+  })
+}
 </script>
 
 <template>
   <view v-if="post" class="uh-shadow-xs box-border w-full flex justify-center overflow-hidden rounded-2xl bg-white p-4" :class="wrapClass">
-    <view class="shrink-0 overflow-hidden rounded-lg" :class="coverClass">
+    <view class="shrink-0 overflow-hidden rounded-lg" :class="coverClass" @click="handleToPostDetail">
       <image :src="completeUrl(post.spec.cover)" mode="aspectFill" class="h-full w-full" />
       <view v-if="props.type === 'rightCover'" class="absolute bottom-0 left-0 top-0 z-10 h-full w-full from-white/0 via-white/10 to-white bg-gradient-to-l" />
     </view>
     <view class="box-border flex-1" :class="textWrapClass">
       <view class="h-full flex flex-1 flex-col justify-between" :class="textContainerClass">
-        <view class="line-clamp-1 text-sm text-gray-900 font-bold">
+        <view class="line-clamp-1 text-sm text-gray-900 font-bold" @click="handleToPostDetail">
           {{ post.spec.title }}
         </view>
-        <view class="line-clamp-2 text-xs text-gray-500">
+        <view class="line-clamp-2 text-xs text-gray-500" @click="handleToPostDetail">
           {{ post.status.excerpt }}
         </view>
         <view class="w-full flex items-center" :class="textFooterClass">
diff --git a/src/pages/home/home.vue b/src/pages/home/home.vue
index 2ffe0c8..72c9413 100644
--- a/src/pages/home/home.vue
+++ b/src/pages/home/home.vue
@@ -168,8 +168,8 @@ onPageScroll(() => { })
     </view>
 
     <!-- 作者卡片 -->
-    <view class="relative z-10 box-border px-4 -mt-12">
-      <profile-card @click="showPostCardModeSelector = !showPostCardModeSelector" />
+    <view class="relative z-10 box-border px-4 -mt-12" @click="showPostCardModeSelector = !showPostCardModeSelector">
+      <profile-card />
     </view>
 
     <!-- 测试 -->
@@ -233,7 +233,7 @@ onPageScroll(() => { })
         <text class="text-sm text-gray-900 font-bold">最新笔记</text>
       </view>
       <view class="box-border w-full flex flex-col items-center justify-center gap-y-4 overflow-hidden">
-        <view v-if="error && postList.length > 0" class="un-shadow-xs w-full rounded-2xl bg-white py-12">
+        <view v-if="error && postList.length > 0" class="un-shadow-xs box-border w-full rounded-2xl bg-white py-12">
           <wd-empty :icon-size="60" icon="no-result" tip="暂无数据" />
         </view>
         <template v-else>