样式调整

Web/src/views/StatisticsView.vue

@@ -7,16 +7,7 @@
       </template>
     </van-nav-bar>
 
-    <!-- 下拉刷新 -->
-    <van-pull-refresh v-model="refreshing" @refresh="onRefresh">
-      <!-- 加载中 -->
-      <van-loading v-if="loading" vertical style="padding: 100px 0">
-        加载统计数据中...
-      </van-loading>
-
-      <!-- 统计内容 -->
-      <div v-else class="statistics-content">
-        <!-- 月份选择器 -->
+    <!-- 月份选择器 固定区域 -->
     <div class="month-selector">
       <van-button 
         icon="arrow-left" 
@@ -37,6 +28,16 @@
       />
     </div>
 
+    <!-- 下拉刷新 -->
+    <van-pull-refresh v-model="refreshing" @refresh="onRefresh">
+      <!-- 加载中 -->
+      <van-loading v-if="loading" vertical style="padding: 100px 0">
+        加载统计数据中...
+      </van-loading>
+
+      <!-- 统计内容 -->
+      <div v-else class="statistics-content">
+
         <!-- 月度概览卡片 -->
         <div class="overview-card">
           <div class="overview-item">
@@ -664,17 +665,38 @@ onActivated(() => {
 </script>
 
 <style scoped>
+.page-container {
+  display: flex;
+  flex-direction: column;
+  height: 100vh;
+  overflow: hidden;
+}
+
+.page-container :deep(.van-nav-bar) {
+  flex-shrink: 0;
+}
+
+.van-pull-refresh {
+  flex: 1;
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+}
+
 .statistics-content {
   padding: 16px 0 0 0;
 }
 
-/* 月份选择器 */
+/* 月份选择器 - 固定 */
 .month-selector {
+  position: sticky;
+  top: 0;
+  z-index: 10;
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 12px 16px;
-  margin: 0 12px 16px;
+  margin: 0 12px;
+  margin-top: 12px;
   background: #ffffff;
   border-radius: 12px;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);