页面样式统一

Web/src/views/CalendarView.vue

@@ -19,8 +19,8 @@
       round
       closeable
     >
-      <div class="date-transactions">
-        <div class="popup-header">
+      <div class="popup-container">
+        <div class="popup-header-fixed">
           <h3>{{ selectedDateText }}</h3>
           <p v-if="dateTransactions.length">
             共 {{ dateTransactions.length }} 笔交易，
@@ -28,7 +28,7 @@
           </p>
         </div>
 
-      <div class="bills-scroll-container">
+      <div class="popup-scroll-content">
         <TransactionList
           :transactions="dateTransactions"
           :loading="listLoading"
@@ -259,29 +259,6 @@ fetchDailyStatistics(now.getFullYear(), now.getMonth() + 1);
   padding-bottom: 0 !important;
 }
 
-.date-transactions {
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-}
-
-.popup-header {
-  padding: 16px;
-  border-bottom: 1px solid #ebedf0;
-}
-
-.popup-header h3 {
-  margin: 0 0 8px 0;
-  font-size: 18px;
-  font-weight: 600;
-}
-
-.popup-header p {
-  margin: 0;
-  font-size: 14px;
-  color: #969799;
-}
-
 /* 设置页面容器背景色 */
 :deep(.van-calendar__header-title) {
   background: transparent !important;