页面样式统一

Web/src/components/TransactionDetail.vue

@@ -7,12 +7,12 @@
     closeable
     @update:show="handleVisibleChange"
   >
-    <div class="transaction-detail" v-if="transaction">
-      <div class="detail-header" style="margin-top: 10px;margin-left: 10px;">
+    <div class="popup-container" v-if="transaction">
+      <div class="popup-header-fixed">
         <h3>交易详情</h3>
       </div>
       
-      <div class="scroll-area">
+      <div class="popup-scroll-content">
       <van-form @submit="onSubmit">
         <van-cell-group inset>
           <van-cell title="卡号" :value="transaction.card" />
@@ -335,28 +335,6 @@ const formatDate = (dateString) => {
 </script>
 
 <style scoped>
-.transaction-detail {
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-}
-
-.detail-header {
-  flex-shrink: 0;
-  border-bottom: 1px solid #ebedf0;
-}
-
-.detail-header h3 {
-  margin: 10px 0;
-}
-
-.scroll-area {
-  flex: 1;
-  overflow-y: auto;
-  -webkit-overflow-scrolling: touch;
-  padding-bottom: 20px;
-}
-
 .classify-buttons {
   display: flex;
   flex-wrap: wrap;