From f3b4fd04d0bf3dfc762ca01cdffa84924f44b0f7 Mon Sep 17 00:00:00 2001
From: duanshuwen <duanshuwen@gogpay.cn>
Date: Thu, 16 Jul 2026 22:16:58 +0800
Subject: [PATCH] feat(record-card): expand card clickable area

move view event emission from the action button to the root record card component, expanding the clickable area to let the entire card trigger the view event when actionText is present, improving user experience.
---
 src/pages-aigc/record/components/RecordCard/index.vue | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/pages-aigc/record/components/RecordCard/index.vue b/src/pages-aigc/record/components/RecordCard/index.vue
index 69deb35..37b011c 100644
--- a/src/pages-aigc/record/components/RecordCard/index.vue
+++ b/src/pages-aigc/record/components/RecordCard/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="record-card">
+  <view class="record-card" @tap="handleView">
     <video v-if="isVideoRecord" class="record-card-image" :src="mediaUrl" :controls="false" :show-play-btn="false"
       :show-center-play-btn="false" object-fit="cover" />
     <image v-else-if="mediaUrl" class="record-card-image" :src="mediaUrl" mode="aspectFill" />
@@ -13,7 +13,7 @@
       <text class="record-card-status ellipsis-1">{{ statusText }}</text>
     </view>
 
-    <view v-if="actionText" class="record-card-action" @tap="emit('view', record)">
+    <view v-if="actionText" class="record-card-action">
       {{ actionText }}
     </view>
   </view>
@@ -55,6 +55,11 @@ const actionText = computed(() => {
   return "";
 });
 
+const handleView = () => {
+  if (!actionText.value) return;
+  emit("view", props.record);
+};
+
 const mediaUrl = computed(() => {
   if (!isCompleted.value) return "";
   return props.record.imageResultUrl || props.record.videoResultUrl || "";