样式调整

Web/src/views/TransactionsRecord.vue

@@ -1,14 +1,5 @@
 <template>
   <div class="page-container-flex">
-    <!-- 顶部导航栏 -->
-    <van-nav-bar title="交易记录" placeholder>
-      <template #right>
-        <van-button type="primary" size="small" @click="openAddDialog">
-          手动录账
-        </van-button>
-      </template>
-    </van-nav-bar>
-
     <!-- 下拉刷新区域 -->
     <van-pull-refresh v-model="refreshing" @refresh="onRefresh">
       <!-- 加载提示 -->
@@ -25,6 +16,9 @@
         @click="viewDetail"
         @delete="handleDelete"
       />
+
+      <!-- 底部安全距离 -->
+      <div style="height: calc(50px + env(safe-area-inset-bottom, 0px))"></div>
     </van-pull-refresh>
 
     <!-- 详情/编辑弹出层 -->
@@ -517,6 +511,12 @@ onMounted(async () => {
   await loadClassifyList()
   // 不需要手动调用 loadData，van-list 会自动触发 onLoad
 })
+
+// 暴露给父级方法调用
+defineExpose({
+  openAddDialog
+})
+
 </script>
 
 <style scoped>