页面样式统一

Web/src/views/EmailRecord.vue

@@ -64,10 +64,11 @@
       round
       closeable
     >
-      <div class="email-detail" v-if="currentEmail">
-        <div class="detail-header" style="margin-top: 10px; margin-left: 10px;">
+      <div class="popup-container" v-if="currentEmail">
+        <div class="popup-header-fixed">
           <h3>{{ currentEmail.Subject || currentEmail.subject || '(无主题)' }}</h3>
         </div>
+        <div class="popup-scroll-content">
         <van-cell-group inset>
           <van-cell title="发件人" :value="currentEmail.From || currentEmail.from || '未知'" />
           <van-cell title="接收时间" :value="formatDate(currentEmail.ReceivedDate || currentEmail.receivedDate)" />
@@ -112,8 +113,7 @@
             重新分析
           </van-button>
         </div>
-
-
+        </div>
       </div>
     </van-popup>
 
@@ -125,11 +125,11 @@
       round
       closeable
     >
-      <div class="transaction-list-popup">
-        <div class="list-header">
-          <h3 style="margin: 16px;">关联账单列表</h3>
+      <div class="popup-container">
+        <div class="popup-header-fixed">
+          <h3>关联账单列表</h3>
         </div>
-        <div class="bills-scroll-container">
+        <div class="popup-scroll-content">
           <TransactionList
             :transactions="transactionList"
             :loading="false"
@@ -425,17 +425,6 @@ defineExpose({
   padding-right: 10px;
 }
 
-.transaction-list-popup {
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-}
-
-.list-header{
-  padding: 16px;
-  border-bottom: 1px solid #ebedf0;
-}
-
 .email-content {
   margin-top: 16px;
 }