From ae9b415822385857ca7902a9f4f0ffab55d5dc5c Mon Sep 17 00:00:00 2001
From: wangxiaogang <1433729587@qq.com>
Date: Wed, 10 Jun 2026 17:35:58 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20TransactionItem=20=E5=B7=A6?=
 =?UTF-8?q?=E6=BB=91=E6=8F=90=E7=A4=BA=E6=94=B9=E4=B8=BA=20prop=20?=
 =?UTF-8?q?=E6=8E=A7=E5=88=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .gitignore                                           |  3 +++
 .../components/TransactionItem/TransactionItem.vue   | 12 +++++++-----
 2 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/.gitignore b/.gitignore
index b007628..a509c5a 100644
--- a/.gitignore
+++ b/.gitignore
@@ -40,3 +40,6 @@ server/uploads/
 # Playwright
 .playwright-mcp/
 server/backups/
+
+# Workbuddy
+.workbuddy/
diff --git a/client/src/components/TransactionItem/TransactionItem.vue b/client/src/components/TransactionItem/TransactionItem.vue
index a8609e9..a9e8c54 100644
--- a/client/src/components/TransactionItem/TransactionItem.vue
+++ b/client/src/components/TransactionItem/TransactionItem.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="tx-item-wrap">
+  <view class="tx-item-wrap" :class="{ 'show-hint': swipeHint && !disableSwipe }">
     <view
       class="tx-item"
       :style="{ transform: `translateX(${offsetX}rpx)` }"
@@ -61,7 +61,9 @@ const props = withDefaults(defineProps<{
   showCreator?: boolean
   /** 当前用户 ID，用于判断是否为本人记录 */
   currentUserId?: number
-}>(), { hideDate: false, disableSwipe: false, showCreator: false, currentUserId: 0 })
+  /** 是否显示左滑提示动画（由父组件控制，仅首个可删除项传入true） */
+  swipeHint?: boolean
+}>(), { hideDate: false, disableSwipe: false, showCreator: false, currentUserId: 0, swipeHint: false })
 
 /** 是否为他人的记录（群组模式下，非本人的才显示创建者信息） */
 const isOtherCreator = computed(() => {
@@ -132,8 +134,8 @@ function onTouchEnd() {
   }
 }
 
-// 左滑提示：首次加载时微微露出删除按钮
-.tx-item-wrap:first-child .tx-item:not(.no-hint) {
+// 左滑提示：仅在 swipeHint=true 且 disableSwipe=false 时播放一次
+.show-hint .tx-item {
   animation: swipe-hint 0.6s ease 1.5s both;
 }
 
@@ -227,7 +229,7 @@ function onTouchEnd() {
 }
 
 @media (prefers-reduced-motion: reduce) {
-  .tx-item-wrap:first-child .tx-item {
+  .show-hint .tx-item {
     animation: none;
   }
 }