vf/vf_react
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 兼容h5UI

Browse Source
This commit is contained in:
zdl
2025-12-05 13:43:43 +08:00
parent 0cc75462aa
commit 39f14fb148
2 changed files with 24 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/views/Dashboard/components/EventPanel.tsx
View File

@@ -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>
) : (

36
src/views/Dashboard/components/InvestmentPlanningCenter.tsx
View File

@@ -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);