From 6e7a237df9a047e7aa6f8dd9a9675cb5687ecfc7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=AD=99=E8=AF=9A?= <cheng2.sun@ly.com>
Date: Tue, 13 Jan 2026 19:11:37 +0800
Subject: [PATCH] =?UTF-8?q?style(views):=20=E7=BB=9F=E4=B8=80=E5=A4=9A?=
 =?UTF-8?q?=E4=B8=AA=E8=A7=86=E5=9B=BE=E7=9A=84=E5=AF=BC=E8=88=AA=E6=A0=8F?=
 =?UTF-8?q?=E5=92=8C=E6=A0=87=E7=AD=BE=E9=A1=B5=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

调整多个视图的导航栏背景为透明，统一标签页的边距和样式
优化禁用状态的箭头样式，增加指针事件控制
---
 Web/src/views/BalanceView.vue               |  3 ++-
 Web/src/views/BudgetView.vue                |  2 +-
 Web/src/views/ScheduledTasksView.vue        |  5 +++++
 Web/src/views/StatisticsView.vue            | 12 +++++++++---
 Web/src/views/TransactionsRecord.vue        |  3 ++-
 Web/src/views/UnconfirmedClassification.vue |  5 +++++
 6 files changed, 24 insertions(+), 6 deletions(-)

diff --git a/Web/src/views/BalanceView.vue b/Web/src/views/BalanceView.vue
index 1c1de8b..7c4c4fe 100644
--- a/Web/src/views/BalanceView.vue
+++ b/Web/src/views/BalanceView.vue
@@ -1,5 +1,6 @@
 <template>
   <div class="page-container-flex">
+  
     <!-- 顶部导航栏 -->
     <van-nav-bar title="账单" placeholder>
       <template #right>
@@ -20,7 +21,7 @@
         />
       </template>
     </van-nav-bar>
-    <van-tabs v-model:active="tabActive" animated>
+    <van-tabs v-model:active="tabActive" type="card" animated style="margin: 12px 0 2px 0;">
       <van-tab title="账单" name="balance" />
       <van-tab title="邮件" name="email" />
       <van-tab title="消息" name="message" />
diff --git a/Web/src/views/BudgetView.vue b/Web/src/views/BudgetView.vue
index 135dc41..4eb3ad7 100644
--- a/Web/src/views/BudgetView.vue
+++ b/Web/src/views/BudgetView.vue
@@ -38,7 +38,7 @@
       </template>
     </van-nav-bar>
 
-    <van-tabs v-model:active="activeTab" type="card" class="budget-tabs">
+    <van-tabs v-model:active="activeTab" type="card" class="budget-tabs" animated style="margin: 12px 4px;">
       <van-tab title="支出" :name="BudgetCategory.Expense">
         <BudgetSummary 
           v-if="activeTab !== BudgetCategory.Savings"
diff --git a/Web/src/views/ScheduledTasksView.vue b/Web/src/views/ScheduledTasksView.vue
index 22fc6e3..8d3910d 100644
--- a/Web/src/views/ScheduledTasksView.vue
+++ b/Web/src/views/ScheduledTasksView.vue
@@ -179,4 +179,9 @@ const handleResume = async (task) => {
 .scroll-content {
   padding-bottom: 20px;
 }
+
+/* 设置页面容器背景色 */
+:deep(.van-nav-bar) {
+  background: transparent !important;
+}
 </style>
diff --git a/Web/src/views/StatisticsView.vue b/Web/src/views/StatisticsView.vue
index f25c9de..d7c6ac3 100644
--- a/Web/src/views/StatisticsView.vue
+++ b/Web/src/views/StatisticsView.vue
@@ -49,6 +49,7 @@
               <div 
                 class="nav-arrow right" 
                 :class="{ disabled: isCurrentMonth }"
+                :aria-disabled="isCurrentMonth"
                 @click.stop="!isCurrentMonth && changeMonth(1)"
               >
                 <van-icon name="arrow" />
@@ -1040,9 +1041,14 @@ onBeforeUnmount(() => {
 }
 
 .nav-arrow.disabled {
-  color: #f2f3f5;
+  color: #c8c9cc;
   cursor: not-allowed;
-  opacity: 0.3;
+  opacity: 0.35;
+  pointer-events: none;
+}
+
+.nav-arrow.disabled:active {
+  background-color: transparent;
 }
 
 .date-tag {
@@ -1420,4 +1426,4 @@ onBeforeUnmount(() => {
   background: transparent !important;
 }
 
-</style>
\ No newline at end of file
+</style>
diff --git a/Web/src/views/TransactionsRecord.vue b/Web/src/views/TransactionsRecord.vue
index c2c60f3..e2eacb2 100644
--- a/Web/src/views/TransactionsRecord.vue
+++ b/Web/src/views/TransactionsRecord.vue
@@ -230,7 +230,8 @@ onBeforeUnmount(() => {
   background: var(--van-background-2);
   padding: 4px 12px;
   z-index: 100;
-  border-bottom: 1px solid var(--van-border-color);
+  margin-top: 10px;
+
 }
 
 .top-search-bar :deep(.van-search) {
diff --git a/Web/src/views/UnconfirmedClassification.vue b/Web/src/views/UnconfirmedClassification.vue
index 704acc5..2625a30 100644
--- a/Web/src/views/UnconfirmedClassification.vue
+++ b/Web/src/views/UnconfirmedClassification.vue
@@ -159,4 +159,9 @@ onMounted(() => {
   align-items: center;
   height: 200px;
 }
+
+/* 设置页面容器背景色 */
+:deep(.van-nav-bar) {
+  background: transparent !important;
+}
 </style>