From adc802da943d921034bcddcc85b8032951a96331 Mon Sep 17 00:00:00 2001
From: zdl <3489966805@qq.com>
Date: Wed, 24 Dec 2025 13:16:29 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E4=BC=98=E5=8C=96=E8=B5=84=E4=BA=A7?=
 =?UTF-8?q?=E9=85=8D=E7=BD=AE=E6=A8=A1=E5=9D=97=E9=AB=98=E5=BA=A6=EF=BC=8C?=
 =?UTF-8?q?=E4=BD=BF=E5=B8=83=E5=B1=80=E6=9B=B4=E7=B4=A7=E5=87=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 图表高度从 280px 降低到 200px
- 调整圆环大小和位置使其在较小空间内显示更协调
- 减少 CardBody 和详细配置信息的间距

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 .../TradingSimulation/components/AccountOverview.js    |  8 ++++----
 .../components/AssetAllocationChart.tsx                | 10 +++++-----
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/views/TradingSimulation/components/AccountOverview.js b/src/views/TradingSimulation/components/AccountOverview.js
index 00b39307..15c7157b 100644
--- a/src/views/TradingSimulation/components/AccountOverview.js
+++ b/src/views/TradingSimulation/components/AccountOverview.js
@@ -267,15 +267,15 @@ export default function AccountOverview({ account, tradingEvents }) {
             </Badge>
           </HStack>
         </CardHeader>
-        <CardBody>
+        <CardBody pt={0}>
           <AssetAllocationChart
             cashAmount={account?.availableCash || 0}
             stockAmount={account?.marketValue || 0}
-            height={280}
+            height={200}
           />
-          
+
           {/* 详细配置信息 */}
-          <VStack spacing={3} mt={4}>
+          <VStack spacing={2} mt={2}>
             <HStack justify="space-between" w="full">
               <HStack spacing={2}>
                 <Box w={3} h={3} bg="blue.400" borderRadius="sm" />
diff --git a/src/views/TradingSimulation/components/AssetAllocationChart.tsx b/src/views/TradingSimulation/components/AssetAllocationChart.tsx
index 9c32c1fa..3b31b394 100644
--- a/src/views/TradingSimulation/components/AssetAllocationChart.tsx
+++ b/src/views/TradingSimulation/components/AssetAllocationChart.tsx
@@ -15,12 +15,12 @@ interface AssetAllocationChartProps {
  * 资产配置环形图
  * @param cashAmount - 现金资产金额
  * @param stockAmount - 股票资产金额
- * @param height - 图表高度，默认 280px
+ * @param height - 图表高度，默认 200px
  */
 export const AssetAllocationChart = ({
   cashAmount,
   stockAmount,
-  height = 280
+  height = 200
 }: AssetAllocationChartProps) => {
   const total = cashAmount + stockAmount;
 
@@ -48,7 +48,7 @@ export const AssetAllocationChart = ({
     },
     legend: {
       orient: 'horizontal',
-      bottom: 10,
+      bottom: 0,
       left: 'center',
       textStyle: {
         color: '#666',
@@ -62,8 +62,8 @@ export const AssetAllocationChart = ({
       {
         name: '资产配置',
         type: 'pie',
-        radius: ['45%', '70%'],
-        center: ['50%', '45%'],
+        radius: ['40%', '65%'],
+        center: ['50%', '42%'],
         avoidLabelOverlap: true,
         itemStyle: {
           borderRadius: 4,