From 7b7975e438ea64b05c97d97854a705774ee8e549 Mon Sep 17 00:00:00 2001
From: AIGC Developer <developer@aigc.com>
Date: Wed, 22 Oct 2025 09:23:39 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B0=83=E6=95=B4=E5=9B=BE=E8=A1=A8=E5=B8=83?=
 =?UTF-8?q?=E5=B1=80=20-=20=E5=B0=86=E7=94=A8=E6=88=B7=E8=BD=AC=E5=8C=96?=
 =?UTF-8?q?=E7=8E=87=E5=9B=BE=E7=A7=BB=E5=88=B0=E6=97=A5=E6=B4=BB=E7=94=A8?=
 =?UTF-8?q?=E6=88=B7=E8=B6=8B=E5=8A=BF=E5=9B=BE=E4=B8=8B=E6=96=B9=EF=BC=8C?=
 =?UTF-8?q?=E5=BD=A2=E6=88=90=E5=9E=82=E7=9B=B4=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 demo/frontend/src/views/Home.vue | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/demo/frontend/src/views/Home.vue b/demo/frontend/src/views/Home.vue
index ec4b1c0..6638cd6 100644
--- a/demo/frontend/src/views/Home.vue
+++ b/demo/frontend/src/views/Home.vue
@@ -99,7 +99,7 @@
       <!-- 图表区域 -->
       <section class="charts-section">
         <!-- 日活用户趋势图 -->
-        <div class="chart-card">
+        <div class="chart-card full-width">
           <div class="chart-header">
             <h3>日活用户趋势</h3>
             <div class="year-selector">
@@ -179,7 +179,7 @@
         </div>
 
         <!-- 用户转化率图 -->
-        <div class="chart-card">
+        <div class="chart-card full-width">
           <div class="chart-header">
             <h3>用户转化率</h3>
             <div class="year-selector">
@@ -542,11 +542,15 @@ onMounted(() => {
 /* 图表区域 */
 .charts-section {
   padding: 0 24px 24px;
-  display: grid;
-  grid-template-columns: 2fr 1fr;
+  display: flex;
+  flex-direction: column;
   gap: 24px;
 }
 
+.chart-card.full-width {
+  width: 100%;
+}
+
 .chart-card {
   background: white;
   border-radius: 12px;
@@ -732,10 +736,6 @@ onMounted(() => {
 
 /* 响应式设计 */
 @media (max-width: 1024px) {
-  .charts-section {
-    grid-template-columns: 1fr;
-  }
-  
   .kpi-section {
     grid-template-columns: 1fr;
   }