From 1192bdb46f7de5096682a00d9d738c820c7b4201 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=AD=99=E8=AF=9A?= <sunchengsuncheng@gmail.com>
Date: Sat, 27 Dec 2025 20:57:15 +0800
Subject: [PATCH] =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Web/src/views/StatisticsView.vue | 66 +++++++++++++++++++++-----------
 1 file changed, 44 insertions(+), 22 deletions(-)

diff --git a/Web/src/views/StatisticsView.vue b/Web/src/views/StatisticsView.vue
index bce0942..6bce03c 100644
--- a/Web/src/views/StatisticsView.vue
+++ b/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);