From e7f1b39ac83add1301a5a8482e376daef27ee1d6 Mon Sep 17 00:00:00 2001
From: zhangjf <zhangjf@example.com>
Date: Mon, 23 Feb 2026 12:26:58 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E7=A7=BB=E5=8A=A8=E7=AB=AF=E9=A6=96?=
 =?UTF-8?q?=E9=A1=B5UI=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

1. 删除顶部标题区域，节省页面垂直空间
2. 快捷操作调整为2行布局（第一行3个，第二行2个）
3. 优化快捷操作图标和文字大小
---
 fund-mobile/src/views/Home.vue | 47 +++++++++-------------------------
 1 file changed, 12 insertions(+), 35 deletions(-)

diff --git a/fund-mobile/src/views/Home.vue b/fund-mobile/src/views/Home.vue
index 84564e6..bf87c25 100644
--- a/fund-mobile/src/views/Home.vue
+++ b/fund-mobile/src/views/Home.vue
@@ -1,11 +1,5 @@
 <template>
   <div class="page home">
-    <!-- 顶部标题 -->
-    <div class="header">
-      <div class="header-title">资金服务平台</div>
-      <div class="header-subtitle">Financial Platform</div>
-    </div>
-    
     <!-- 数据概览卡片 -->
     <div class="summary-card mac-card fade-in-up">
       <div class="card-header">
@@ -194,26 +188,7 @@ onMounted(() => {
 <style scoped>
 .home {
   padding: 0 16px;
-}
-
-.header {
-  padding: 60px 0 24px;
-  text-align: center;
-}
-
-.header-title {
-  font-size: 28px;
-  font-weight: 700;
-  color: var(--mac-text);
-  letter-spacing: 1px;
-}
-
-.header-subtitle {
-  font-size: 13px;
-  color: var(--mac-text-secondary);
-  margin-top: 6px;
-  letter-spacing: 2px;
-  text-transform: uppercase;
+  padding-top: 20px;
 }
 
 .summary-card {
@@ -307,19 +282,21 @@ onMounted(() => {
 
 .quick-grid {
   display: grid;
-  grid-template-columns: repeat(5, 1fr);
-  gap: 8px;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 12px;
+  justify-items: center;
 }
 
 .quick-item {
   display: flex;
   flex-direction: column;
   align-items: center;
-  padding: 12px 4px;
+  padding: 14px 16px;
   background: rgba(0, 0, 0, 0.02);
-  border-radius: 12px;
+  border-radius: 14px;
   cursor: pointer;
   transition: all 0.2s ease;
+  min-width: 90px;
 }
 
 .quick-item:active {
@@ -328,13 +305,13 @@ onMounted(() => {
 }
 
 .quick-icon {
-  width: 40px;
-  height: 40px;
-  border-radius: 12px;
+  width: 44px;
+  height: 44px;
+  border-radius: 14px;
   display: flex;
   align-items: center;
   justify-content: center;
-  font-size: 20px;
+  font-size: 22px;
   color: #fff;
   margin-bottom: 8px;
 }
@@ -360,7 +337,7 @@ onMounted(() => {
 }
 
 .quick-text {
-  font-size: 11px;
+  font-size: 12px;
   font-weight: 500;
   color: var(--mac-text);
   text-align: center;