样式调整

Web/src/views/StatisticsView.vue

@@ -7,6 +7,27 @@
       </template>
     </van-nav-bar>
 
+    <!-- 月份选择器 固定区域 -->
+    <div class="month-selector">
+      <van-button 
+        icon="arrow-left" 
+        plain 
+        size="small" 
+        @click="changeMonth(-1)"
+      />
+      <div class="month-text" @click="showMonthPicker = true">
+        {{ currentYear }}年{{ currentMonth }}月
+        <van-icon name="arrow-down" />
+      </div>
+      <van-button 
+        icon="arrow" 
+        plain 
+        size="small" 
+        @click="changeMonth(1)"
+        :disabled="isCurrentMonth"
+      />
+    </div>
+
     <!-- 下拉刷新 -->
     <van-pull-refresh v-model="refreshing" @refresh="onRefresh">
       <!-- 加载中 -->
@@ -16,26 +37,6 @@
 
       <!-- 统计内容 -->
       <div v-else class="statistics-content">
-        <!-- 月份选择器 -->
-        <div class="month-selector">
-          <van-button 
-            icon="arrow-left" 
-            plain 
-            size="small" 
-            @click="changeMonth(-1)"
-          />
-          <div class="month-text" @click="showMonthPicker = true">
-            {{ currentYear }}年{{ currentMonth }}月
-            <van-icon name="arrow-down" />
-          </div>
-          <van-button 
-            icon="arrow" 
-            plain 
-            size="small" 
-            @click="changeMonth(1)"
-            :disabled="isCurrentMonth"
-          />
-        </div>
 
         <!-- 月度概览卡片 -->
         <div class="overview-card">
@@ -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);