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

update pay function

Browse Source
This commit is contained in:
zzlgreat
2025-12-01 14:01:14 +08:00
parent ec31801ccd
commit 21eb1783e9
1 changed files with 74 additions and 95 deletions
Download Patch File Download Diff File Expand all files Collapse all files

157
src/views/Community/components/HeroPanel.js
View File

@@ -276,7 +276,7 @@ const CompactIndexCard = ({ indexCode, indexName }) => {
if (loading) { if (loading) {
return ( return (
<Center h="100px"> <Center h="140px">
<VStack spacing={2}> <VStack spacing={2}>
<Spinner size="sm" color="gold" thickness="2px" /> <Spinner size="sm" color="gold" thickness="2px" />
<Text fontSize="10px" color="whiteAlpha.500">加载{indexName}...</Text> <Text fontSize="10px" color="whiteAlpha.500">加载{indexName}...</Text>
@@ -286,7 +286,7 @@ const CompactIndexCard = ({ indexCode, indexName }) => {
} }
return ( return (
<Flex direction="column" h="100px"> <Flex direction="column" h="140px">
{/* 顶部：指数名称和数据 */} {/* 顶部：指数名称和数据 */}
<Flex justify="space-between" align="center" mb={1}> <Flex justify="space-between" align="center" mb={1}>
<HStack spacing={2}> <HStack spacing={2}>
@@ -569,7 +569,7 @@ const InfoTooltip = () => {
top="calc(100% + 8px)" top="calc(100% + 8px)"
left="0" left="0"
zIndex={1000} zIndex={1000}
w="380px" w="420px"
p={5} p={5}
bg="rgba(10,10,20,0.98)" bg="rgba(10,10,20,0.98)"
borderRadius="xl" borderRadius="xl"
@@ -601,111 +601,90 @@ const InfoTooltip = () => {
📖 事件中心使用指南 📖 事件中心使用指南
</Text> </Text>
{/* 事件级别说明 */} {/* 1. SABC重要度说明 */}
<Box> <Box>
<Text fontSize="xs" fontWeight="bold" color="whiteAlpha.900" mb={2}> <HStack mb={2}>
🏷️ 事件重要性等级 (SABC) <Text fontSize="xs" fontWeight="bold" color="whiteAlpha.900">
1️⃣ 重要度等级 (SABC)
</Text> </Text>
<VStack align="stretch" spacing={1} pl={3}>
<HStack>
<Box px={1.5} py={0.5} bg="rgba(255,0,0,0.2)" borderRadius="sm">
<Text fontSize="10px" color="#ff4d4f" fontWeight="bold">S级</Text>
</Box>
<Text fontSize="11px" color="whiteAlpha.700">重大事件 - 可能引发板块涨停潮</Text>
</HStack> </HStack>
<HStack> <Box pl={3} borderLeft="2px solid rgba(255,215,0,0.3)" py={1}>
<Box px={1.5} py={0.5} bg="rgba(255,165,0,0.2)" borderRadius="sm"> <Text fontSize="11px" color="whiteAlpha.800" lineHeight="1.6">
<Text fontSize="10px" color="orange.300" fontWeight="bold">A级</Text> 重要度由<Text as="span" color="cyan.300" fontWeight="bold"> AI大模型 </Text>
基于<Text as="span" color="gold" fontWeight="bold">事件本身的影响范围和重大程度</Text>来判定，
<Text as="span" color="orange.300" fontWeight="bold">并非收益率预测策略</Text>。
S级表示影响范围广、关注度高的重大事件，C级表示影响较小的普通事件。
</Text>
</Box> </Box>
<Text fontSize="11px" color="whiteAlpha.700">重要事件 - 龙头股可能涨停</Text>
</HStack>
<HStack>
<Box px={1.5} py={0.5} bg="rgba(30,144,255,0.2)" borderRadius="sm">
<Text fontSize="10px" color="blue.300" fontWeight="bold">B级</Text>
</Box> </Box>
<Text fontSize="11px" color="whiteAlpha.700">一般事件 - 相关股票可能异动</Text>
</HStack> {/* 2. 利好利空并存说明 */}
<HStack> <Box>
<Box px={1.5} py={0.5} bg="rgba(128,128,128,0.2)" borderRadius="sm"> <HStack mb={2}>
<Text fontSize="10px" color="gray.400" fontWeight="bold">C级</Text> <Text fontSize="xs" fontWeight="bold" color="whiteAlpha.900">
</Box> 2️⃣ 事件筛选机制
<Text fontSize="11px" color="whiteAlpha.700">普通事件 - 仅供参考</Text> </Text>
</HStack> </HStack>
<Box pl={3} borderLeft="2px solid rgba(255,215,0,0.3)" py={1}>
<Text fontSize="11px" color="whiteAlpha.800" lineHeight="1.6">
事件列表中<Text as="span" color="#ef5350" fontWeight="bold">利好</Text>和
<Text as="span" color="#26a69a" fontWeight="bold">利空</Text>并存，需自行判断。
建议在<Text as="span" color="purple.300" fontWeight="bold">「历史相关事件」</Text>中查看：
</Text>
<VStack align="stretch" spacing={0.5} mt={1.5} pl={2}>
<Text fontSize="10px" color="whiteAlpha.600">• 历史上类似事件的市场反应</Text>
<Text fontSize="10px" color="whiteAlpha.600">• 事件的超预期程度</Text>
<Text fontSize="10px" color="whiteAlpha.600">• 综合判断事件的投资价值</Text>
</VStack> </VStack>
</Box> </Box>
{/* 分隔线 */}
<Box w="100%" h="1px" bg="rgba(255,255,255,0.08)" />
{/* 涨跌幅说明 */}
<Box>
<Text fontSize="xs" fontWeight="bold" color="whiteAlpha.900" mb={2}>
📊 涨跌幅计算方式
</Text>
<VStack align="stretch" spacing={1.5} pl={3}>
<Text fontSize="11px" color="whiteAlpha.700">
• <Text as="span" color="cyan.300">相关股涨跌</Text>：新闻发布时 → 当前价格的变化
</Text>
<Text fontSize="11px" color="whiteAlpha.700">
• <Text as="span" color="#ef5350">红色</Text> 表示上涨，<Text as="span" color="#26a69a">绿色</Text> 表示下跌
</Text>
<Text fontSize="11px" color="whiteAlpha.700">
• K线图悬停可查看：开盘、收盘、最高、最低、涨跌幅
</Text>
</VStack>
</Box> </Box>
{/* 分隔线 */} {/* 3. 数据延迟提醒 */}
<Box w="100%" h="1px" bg="rgba(255,255,255,0.08)" />
{/* 重要提醒 */}
<Box <Box
p={3} p={3}
bg="rgba(255,165,0,0.08)" bg="rgba(255,100,0,0.1)"
border="1px solid rgba(255,165,0,0.2)" border="1px solid rgba(255,100,0,0.25)"
borderRadius="lg" borderRadius="lg"
> >
<Text fontSize="xs" fontWeight="bold" color="orange.300" mb={2}> <HStack mb={2}>
⚠️ 重要提醒 <Icon as={Clock} color="orange.400" boxSize={4} />
</Text> <Text fontSize="xs" fontWeight="bold" color="orange.300">
<VStack align="stretch" spacing={1.5}> 3️⃣ 数据延迟提醒
<HStack align="start" spacing={2}>
<Icon as={Clock} color="orange.400" boxSize={3} mt={0.5} />
<Text fontSize="11px" color="whiteAlpha.800">
数据延迟 <Text as="span" color="orange.300" fontWeight="bold">2-3分钟</Text>，<Text as="span" color="#ef5350" fontWeight="bold">切勿追高</Text>
</Text> </Text>
</HStack> </HStack>
<HStack align="start" spacing={2}> <Text fontSize="11px" color="whiteAlpha.800" lineHeight="1.6">
<Icon as={AlertCircle} color="blue.300" boxSize={3} mt={0.5} /> 由于模型需要通过算法检索和分析历史数据，事件结果和发生时间会有
<Text fontSize="11px" color="whiteAlpha.800"> <Text as="span" color="orange.300" fontWeight="bold"> 2-3分钟 </Text>左右的延迟。
关注 <Text as="span" color="blue.300" fontWeight="bold">盘前新闻</Text>（收盘后至次日开盘前发布的消息） <Text as="span" color="#ef5350" fontWeight="bold">切勿追高！</Text>
</Text>
</Box>
{/* 4. 盘前新闻经验 */}
<Box
p={3}
bg="rgba(59,130,246,0.1)"
border="1px solid rgba(59,130,246,0.25)"
borderRadius="lg"
>
<HStack mb={2}>
<Icon as={AlertCircle} color="blue.400" boxSize={4} />
<Text fontSize="xs" fontWeight="bold" color="blue.300">
4️⃣ 实用经验分享
</Text> </Text>
</HStack> </HStack>
<HStack align="start" spacing={2}> <Text fontSize="11px" color="whiteAlpha.800" lineHeight="1.6">
<Icon as={TrendingUp} color="whiteAlpha.500" boxSize={3} mt={0.5} /> 一个比较有效的经验是在
<Text fontSize="11px" color="whiteAlpha.800"> <Text as="span" color="blue.300" fontWeight="bold"> 9:20左右 </Text>
事件可能含 <Text as="span" color="#ef5350">利好</Text> 或 <Text as="span" color="#26a69a">利空</Text>，需自行分析判断 研究<Text as="span" color="gold" fontWeight="bold">上一交易日收盘后至盘前</Text>的新闻事件，
往往能发现一些<Text as="span" color="cyan.300" fontWeight="bold">当日主线题材</Text>。
</Text> </Text>
</HStack>
</VStack>
</Box> </Box>
{/* 操作提示 */} {/* 操作提示 */}
<Box> <Box pt={1}>
<Text fontSize="xs" fontWeight="bold" color="whiteAlpha.900" mb={2}> <Text fontSize="10px" color="whiteAlpha.400" textAlign="center">
💡 操作提示 💡 点击事件卡片查看详情 · K线图支持滚轮缩放
</Text> </Text>
<VStack align="stretch" spacing={1} pl={3}>
<Text fontSize="11px" color="whiteAlpha.600">
• 点击事件卡片查看详情和相关股票
</Text>
<Text fontSize="11px" color="whiteAlpha.600">
• 点击热门概念标签跳转概念详情页
</Text>
<Text fontSize="11px" color="whiteAlpha.600">
• K线图支持滚轮缩放和拖动查看
</Text>
</VStack>
</Box> </Box>
</VStack> </VStack>
</Box> </Box>
@@ -812,8 +791,8 @@ const HeroPanel = () => {
{/* 上证指数 */} {/* 上证指数 */}
<Box <Box
flex="1" flex="1"
p={3} p={4}
minH="120px" minH="160px"
bg="rgba(255,255,255,0.03)" bg="rgba(255,255,255,0.03)"
borderRadius="xl" borderRadius="xl"
border="1px solid rgba(255,255,255,0.08)" border="1px solid rgba(255,255,255,0.08)"
@@ -830,8 +809,8 @@ const HeroPanel = () => {
{/* 深证成指 */} {/* 深证成指 */}
<Box <Box
flex="1" flex="1"
p={3} p={4}
minH="120px" minH="160px"
bg="rgba(255,255,255,0.03)" bg="rgba(255,255,255,0.03)"
borderRadius="xl" borderRadius="xl"
border="1px solid rgba(255,255,255,0.08)" border="1px solid rgba(255,255,255,0.08)"