样式统一

Web/src/views/EmailRecord.vue

@@ -118,28 +118,19 @@
     </van-popup>
 
     <!-- 账单列表弹出层 -->
-    <van-popup 
-      v-model:show="transactionListVisible" 
-      position="bottom"
-      :style="{ height: '70%' }"
-      round
-      closeable
+    <PopupContainer
+      v-model="transactionListVisible"
+      title="关联账单列表"
+      height="70%"
     >
-      <div class="popup-container">
-        <div class="popup-header-fixed">
-          <h3>关联账单列表</h3>
-        </div>
-        <div class="popup-scroll-content">
-          <TransactionList
-            :transactions="transactionList"
-            :loading="false"
-            :finished="true"
-            :show-delete="false"
-            @click="handleTransactionClick"
-          />
-        </div>
-      </div>
-    </van-popup>
+      <TransactionList
+        :transactions="transactionList"
+        :loading="false"
+        :finished="true"
+        :show-delete="false"
+        @click="handleTransactionClick"
+      />
+    </PopupContainer>
 
     <!-- 账单详情编辑弹出层 -->
     <TransactionDetail
@@ -158,6 +149,7 @@ import { getEmailList, getEmailDetail, deleteEmail, refreshTransactionRecords, s
 import { getTransactionDetail } from '@/api/transactionRecord'
 import TransactionList from '@/components/TransactionList.vue'
 import TransactionDetail from '@/components/TransactionDetail.vue'
+import PopupContainer from '@/components/PopupContainer.vue'
 
 const emailList = ref([])
 const loading = ref(false)