页面样式统一

Web/src/views/StatisticsView.vue

@@ -284,13 +284,13 @@
       round
       closeable
     >
-      <div class="category-bills">
-        <div class="popup-header">
+      <div class="popup-container">
+        <div class="popup-header-fixed">
           <h3>{{ selectedCategoryTitle }}</h3>
           <p v-if="categoryBillsTotal">共 {{ categoryBillsTotal }} 笔交易</p>
         </div>
 
-        <div class="bills-scroll-container">
+        <div class="popup-scroll-content" style="background: #f7f8fa;">
           <TransactionList
             :transactions="categoryBills"
             :loading="billListLoading"
@@ -1103,67 +1103,6 @@ onActivated(() => {
   color: var(--van-text-color);
 }
 
-/* 分类账单列表弹出层 */
-.category-bills {
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  background: #f7f8fa;
-  overflow: hidden;
-}
-
-@media (prefers-color-scheme: dark) {
-  .category-bills {
-    background: #141414;
-  }
-}
-
-.category-bills .popup-header {
-  padding: 20px 16px;
-  background: #fff;
-  border-bottom: 1px solid #ebedf0;
-  flex-shrink: 0;
-}
-
-@media (prefers-color-scheme: dark) {
-  .category-bills .popup-header {
-    background: #1f1f1f;
-    border-bottom: 1px solid #2c2c2c;
-  }
-}
-
-.category-bills .popup-header h3 {
-  margin: 0 0 8px 0;
-  font-size: 18px;
-  font-weight: 600;
-  color: var(--van-text-color);
-}
-
-.category-bills .popup-header p {
-  margin: 0;
-  font-size: 14px;
-  color: var(--van-text-color-2);
-}
-
-/* 修复深色模式下van组件的背景色 */
-.category-bills :deep(.van-list) {
-  background: transparent;
-}
-
-.category-bills :deep(.van-cell-group) {
-  background: transparent;
-}
-
-@media (prefers-color-scheme: dark) {
-  .category-bills :deep(.van-cell) {
-    background-color: #1f1f1f;
-  }
-  
-  .category-bills :deep(.van-swipe-cell) {
-    background-color: transparent;
-  }
-}
-
 /* 设置页面容器背景色 */
 :deep(.van-nav-bar) {
   background: transparent !important;