diff --git a/Web/src/views/calendarV2/modules/TransactionList.vue b/Web/src/views/calendarV2/modules/TransactionList.vue
index a63e935..9fa0422 100644
--- a/Web/src/views/calendarV2/modules/TransactionList.vue
+++ b/Web/src/views/calendarV2/modules/TransactionList.vue
@@ -36,9 +36,10 @@
       :transactions="transactions"
       :loading="transactionsLoading"
       :finished="true"
-      :show-delete="false"
+      :show-delete="true"
       :enable-filter="false"
       @click="onTransactionClick"
+      @delete="onTransactionDelete"
     />
   </div>
 </template>
@@ -103,6 +104,13 @@ const onTransactionClick = (txn) => {
   emit('transactionClick', txn)
 }
 
+// 删除交易后的处理
+const onTransactionDelete = (deletedId) => {
+  // BillListComponent 已经完成删除 API 调用
+  // 这里只需要从本地列表中移除该项
+  transactions.value = transactions.value.filter((t) => t.id !== deletedId)
+}
+
 // 点击 Smart 按钮
 const onSmartClick = () => {
   emit('smartClick')
@@ -117,7 +125,7 @@ const onSmartClick = () => {
   display: flex;
   flex-direction: column;
   gap: var(--spacing-lg);
-  padding: var(--spacing-3xl);
+  padding: var(--spacing-xl, 16px);
   padding-top: 0;
 }