【需求 25171】refactor: 优化个人中心列表详情点击区域

src/views/userPage/components/selfAnswer.vue

@@ -23,9 +23,17 @@
         <div
           v-for="item in list"
           :key="item.id"
-          class="flex items-center p-2 rounded-lg hover:bg-gray-100 transition-colors cursor-pointer"
+          class="flex items-center p-2 rounded-lg hover:bg-gray-100 transition-colors"
         >
-          <div class="flex-1 min-w-0">
+          <div
+            class="flex-1 min-w-0 cursor-pointer"
+            @click="
+              jumpToArticleDetailPage({
+                type: ArticleTypeEnum.QUESTION,
+                id: item.id,
+              })
+            "
+          >
             <div class="text-gray-900 font-medium truncate line-clamp-1">
               {{ item.title }}
             </div>

src/views/userPage/components/selfCollect.vue

@@ -31,9 +31,12 @@
         <div
           v-for="item in list"
           :key="item.id"
-          class="flex items-center p-2 rounded-lg hover:bg-gray-100 transition-colors cursor-pointer"
+          class="flex items-center p-2 rounded-lg hover:bg-gray-100 transition-colors"
         >
-          <div class="flex-1 min-w-0">
+          <div
+            class="flex-1 min-w-0 cursor-pointer"
+            @click="jumpToArticleDetailPage({ type: item.type, id: item.id })"
+          >
             <div class="text-gray-900 font-medium truncate line-clamp-1">{{ item.title }}</div>
             <div class="text-gray-500 text-sm mt-1 truncate">
               <span class="mr-2">

src/views/userPage/components/selfComment.vue

@@ -46,10 +46,13 @@
         <div
           v-for="item in list"
           :key="item.id"
-          class="flex items-center p-2 rounded-lg hover:bg-gray-100 transition-colors cursor-pointer"
+          class="flex items-center p-2 rounded-lg hover:bg-gray-100 transition-colors"
         >
           <!-- Content -->
-          <div class="flex-1 min-w-0 space-y-1.5">
+          <div
+            class="flex-1 min-w-0 space-y-1.5 cursor-pointer"
+            @click="jumpToArticleDetailPage({ type: item.type, id: item.articleId })"
+          >
             <div class="text-gray-900 font-medium text-base line-clamp-1">
               {{ item.title }}
             </div>

src/views/userPage/components/selfPraise.vue

@@ -30,9 +30,12 @@
         <div
           v-for="item in list"
           :key="item.id"
-          class="flex items-center p-2 rounded-lg hover:bg-gray-100 transition-colors cursor-pointer"
+          class="flex items-center p-2 rounded-lg hover:bg-gray-100 transition-colors"
         >
-          <div class="flex-1 min-w-0">
+          <div
+            class="flex-1 min-w-0 cursor-pointer"
+            @click="jumpToArticleDetailPage({ type: item.type, id: item.id })"
+          >
             <div class="text-gray-900 font-medium truncate line-clamp-1">{{ item.title }}</div>
             <div class="text-gray-500 text-sm mt-1 truncate">
               <span class="mr-2">

src/views/userPage/components/selfPublish.vue

@@ -31,9 +31,12 @@
         <div
           v-for="item in list"
           :key="item.id"
-          class="flex items-center p-2 rounded-lg hover:bg-gray-100 transition-colors cursor-pointer"
+          class="flex items-center p-2 rounded-lg hover:bg-gray-100 transition-colors"
         >
-          <div class="flex-1 min-w-0">
+          <div
+            class="flex-1 min-w-0 cursor-pointer"
+            @click="jumpToArticleDetailPage({ type: item.type, id: item.id })"
+          >
             <div class="text-gray-900 font-medium truncate line-clamp-1">{{ item.title }}</div>
             <div class="text-gray-500 text-sm mt-1 truncate">
               <span class="mr-2">