fix: 兼容h5UI

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}>
+          <Center py={{ base: 6, md: 8 }}>
-            <VStack spacing={3}>
+            <VStack spacing={{ base: 2, md: 3 }}>
-              <Icon as={FiFileText} boxSize={12} color="gray.300" />
+              <Icon as={FiFileText} boxSize={{ base: 8, md: 12 }} color="gray.300" />
-              <Text color={secondaryText}>暂无投资{label}</Text>
+              <Text color={secondaryText} fontSize={{ base: 'sm', md: 'md' }}>暂无投资{label}</Text>
             </VStack>
           </Center>
         ) : (

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}>
+        <CardHeader pb={{ base: 2, md: 4 }} px={{ base: 3, md: 5 }}>
-          <Flex justify="space-between" align="center">
+          <Flex justify="space-between" align="center" wrap="wrap" gap={2}>
-            <HStack>
+            <HStack spacing={{ base: 1, md: 2 }}>
-              <Icon as={FiTarget} color="purple.500" boxSize={5} />
+              <Icon as={FiTarget} color="purple.500" boxSize={{ base: 4, md: 5 }} />
-              <Heading size="md">投资规划中心</Heading>
+              <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>
+                  <Tab fontSize={{ base: 'xs', md: 'sm' }} px={{ base: 2, md: 4 }}>
-                    <Icon as={FiTarget} mr={2} />
+                    <Icon as={FiTarget} mr={{ base: 1, md: 2 }} boxSize={{ base: 3, md: 4 }} />
                     我的计划 ({planCount})
                   </Tab>
-                  <Tab>
+                  <Tab fontSize={{ base: 'xs', md: 'sm' }} px={{ base: 2, md: 4 }}>
-                    <Icon as={FiFileText} mr={2} />
+                    <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);