From 39f14fb1480704d3d9bea80eff48e6086566e811 Mon Sep 17 00:00:00 2001
From: zdl <3489966805@qq.com>
Date: Fri, 5 Dec 2025 13:43:43 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=85=BC=E5=AE=B9h5UI?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/Dashboard/components/EventPanel.tsx |  8 ++---
 .../components/InvestmentPlanningCenter.tsx   | 36 ++++++++++---------
 2 files changed, 24 insertions(+), 20 deletions(-)

diff --git a/src/views/Dashboard/components/EventPanel.tsx b/src/views/Dashboard/components/EventPanel.tsx
index 3c5062fc..b70a38b7 100644
--- a/src/views/Dashboard/components/EventPanel.tsx
+++ b/src/views/Dashboard/components/EventPanel.tsx
@@ -269,10 +269,10 @@ export const EventPanel: React.FC<EventPanelProps> = ({
             <Spinner size="xl" color={`${colorScheme}.500`} />
           </Center>
         ) : events.length === 0 ? (
-          <Center py={8}>
-            <VStack spacing={3}>
-              <Icon as={FiFileText} boxSize={12} color="gray.300" />
-              <Text color={secondaryText}>暂无投资{label}</Text>
+          <Center py={{ base: 6, md: 8 }}>
+            <VStack spacing={{ base: 2, md: 3 }}>
+              <Icon as={FiFileText} boxSize={{ base: 8, md: 12 }} color="gray.300" />
+              <Text color={secondaryText} fontSize={{ base: 'sm', md: 'md' }}>暂无投资{label}</Text>
             </VStack>
           </Center>
         ) : (
diff --git a/src/views/Dashboard/components/InvestmentPlanningCenter.tsx b/src/views/Dashboard/components/InvestmentPlanningCenter.tsx
index d984d050..8209db25 100644
--- a/src/views/Dashboard/components/InvestmentPlanningCenter.tsx
+++ b/src/views/Dashboard/components/InvestmentPlanningCenter.tsx
@@ -145,34 +145,36 @@ const InvestmentPlanningCenter: React.FC = () => {
   return (
     <PlanningDataProvider value={contextValue}>
       <Card bg={bgColor} shadow="md">
-        <CardHeader pb={4}>
-          <Flex justify="space-between" align="center">
-            <HStack>
-              <Icon as={FiTarget} color="purple.500" boxSize={5} />
-              <Heading size="md">投资规划中心</Heading>
+        <CardHeader pb={{ base: 2, md: 4 }} px={{ base: 3, md: 5 }}>
+          <Flex justify="space-between" align="center" wrap="wrap" gap={2}>
+            <HStack spacing={{ base: 1, md: 2 }}>
+              <Icon as={FiTarget} color="purple.500" boxSize={{ base: 4, md: 5 }} />
+              <Heading size={{ base: 'sm', md: 'md' }}>投资规划中心</Heading>
             </HStack>
             {/* 视图切换按钮组 */}
-            <ButtonGroup size="sm" isAttached variant="outline">
+            <ButtonGroup size={{ base: 'xs', md: 'sm' }} isAttached variant="outline">
               <Button
-                leftIcon={<Icon as={FiList} />}
+                leftIcon={<Icon as={FiList} boxSize={{ base: 3, md: 4 }} />}
                 colorScheme={viewMode === 'list' ? 'purple' : 'gray'}
                 variant={viewMode === 'list' ? 'solid' : 'outline'}
                 onClick={() => setViewMode('list')}
+                fontSize={{ base: 'xs', md: 'sm' }}
               >
                 列表视图
               </Button>
               <Button
-                leftIcon={<Icon as={FiCalendar} />}
+                leftIcon={<Icon as={FiCalendar} boxSize={{ base: 3, md: 4 }} />}
                 colorScheme={viewMode === 'calendar' ? 'purple' : 'gray'}
                 variant={viewMode === 'calendar' ? 'solid' : 'outline'}
                 onClick={() => setViewMode('calendar')}
+                fontSize={{ base: 'xs', md: 'sm' }}
               >
                 日历视图
               </Button>
             </ButtonGroup>
           </Flex>
         </CardHeader>
-        <CardBody pt={0}>
+        <CardBody pt={0} px={{ base: 3, md: 5 }}>
           {viewMode === 'calendar' ? (
             /* 日历视图 */
             <Suspense fallback={<PanelLoadingFallback />}>
@@ -185,22 +187,24 @@ const InvestmentPlanningCenter: React.FC = () => {
               onChange={setListTab}
               variant="enclosed"
               colorScheme="purple"
+              size={{ base: 'sm', md: 'md' }}
             >
-              <Flex justify="space-between" align="center" mb={4}>
+              <Flex justify="space-between" align="center" mb={{ base: 2, md: 4 }} wrap="wrap" gap={2}>
                 <TabList mb={0} borderBottom="none">
-                  <Tab>
-                    <Icon as={FiTarget} mr={2} />
+                  <Tab fontSize={{ base: 'xs', md: 'sm' }} px={{ base: 2, md: 4 }}>
+                    <Icon as={FiTarget} mr={{ base: 1, md: 2 }} boxSize={{ base: 3, md: 4 }} />
                     我的计划 ({planCount})
                   </Tab>
-                  <Tab>
-                    <Icon as={FiFileText} mr={2} />
+                  <Tab fontSize={{ base: 'xs', md: 'sm' }} px={{ base: 2, md: 4 }}>
+                    <Icon as={FiFileText} mr={{ base: 1, md: 2 }} boxSize={{ base: 3, md: 4 }} />
                     我的复盘 ({reviewCount})
                   </Tab>
                 </TabList>
                 <Button
-                  size="sm"
+                  size={{ base: 'xs', md: 'sm' }}
                   colorScheme="purple"
-                  leftIcon={<Icon as={FiPlus} />}
+                  leftIcon={<Icon as={FiPlus} boxSize={{ base: 3, md: 4 }} />}
+                  fontSize={{ base: 'xs', md: 'sm' }}
                   onClick={() => {
                     if (listTab === 0) {
                       setOpenPlanModalTrigger(prev => prev + 1);