feat: 优化预算视图，调整预算摘要组件位置和样式

Web/src/views/BudgetView.vue

@@ -17,15 +17,16 @@
       </template>
     </van-nav-bar>
 
-    <BudgetSummary 
-      v-if="activeTab !== BudgetCategory.Savings"
-      :stats="overallStats" 
-      :title="activeTabTitle" 
-      :get-value-class="getValueClass" 
-    />
+
 
     <van-tabs v-model:active="activeTab" type="card" class="budget-tabs">
       <van-tab title="支出" :name="BudgetCategory.Expense">
+        <BudgetSummary 
+          v-if="activeTab !== BudgetCategory.Savings"
+          :stats="overallStats" 
+          :title="activeTabTitle" 
+          :get-value-class="getValueClass" 
+        />
         <div class="scroll-content">
           <div class="budget-list">
             <template v-if="expenseBudgets?.length > 0">
@@ -73,6 +74,12 @@
         </van-tab>
 
         <van-tab title="收入" :name="BudgetCategory.Income">
+          <BudgetSummary 
+            v-if="activeTab !== BudgetCategory.Savings"
+            :stats="overallStats" 
+            :title="activeTabTitle" 
+            :get-value-class="getValueClass" 
+          />
           <div class="scroll-content">
             <div class="budget-list">
             <template v-if="incomeBudgets?.length > 0">
@@ -121,16 +128,18 @@
         </van-tab>
 
         <van-tab title="存款" :name="BudgetCategory.Savings">
-          <div class="scroll-content">
+          <div class="scroll-content" style="padding-top:4px">
             <div class="budget-list">
             <template v-if="savingsBudgets?.length > 0">
-              <van-swipe-cell v-for="budget in savingsBudgets" :key="budget.id">
-                <BudgetCard 
+              <BudgetCard 
+                  v-for="budget in savingsBudgets" 
+                  :key="budget.id"
                   :budget="budget"
                   progress-color="#07c160"
                   :percent-class="{ 'income': (budget.current / budget.limit) >= 1 }"
                   :period-label="getPeriodLabel(budget.type)"
                   status-tag-text="积累中"
+                  style="margin: 0 12px 12px;"
                   @toggle-stop="handleToggleStop"
                   @switch-period="(dir) => handleSwitchPeriod(budget, dir)"
                 >
@@ -158,11 +167,7 @@
                       </div>
                     </div>
                   </template>
-                </BudgetCard>
-                <template #right>
-                  <van-button square text="删除" type="danger" class="delete-button" @click="handleDelete(budget)" />
-                </template>
-              </van-swipe-cell>
+              </BudgetCard>
             </template>
             <van-empty v-else description="暂无存款计划" />
           </div>
@@ -360,6 +365,7 @@ const handleToggleStop = async (budget) => {
   display: flex;
   flex-direction: column;
   overflow: hidden;
+  margin-top: 12px;
 }
 
 :deep(.van-tabs__content) {