update pay function

This commit is contained in:
2025-11-23 20:34:49 +08:00
parent 7538f2d935
commit 15def1c931
2 changed files with 1406 additions and 0 deletions

View File

@@ -54,6 +54,10 @@ import {
Wallet,
RefreshCw,
Gift,
MessageCircle,
Lock,
Lightbulb,
Calendar,
} from 'lucide-react';
import { motion } from 'framer-motion';
import { forumColors } from '@theme/forumTheme';
@@ -290,6 +294,24 @@ const PredictionGuideModal = ({ isOpen, onClose }) => {
<Icon as={Trophy} boxSize="16px" mr="2" />
示例演示
</Tab>
<Tab
_selected={{
bg: forumColors.gradients.goldPrimary,
color: forumColors.background.main,
}}
>
<Icon as={MessageCircle} boxSize="16px" mr="2" />
观点IPO
</Tab>
<Tab
_selected={{
bg: forumColors.gradients.goldPrimary,
color: forumColors.background.main,
}}
>
<Icon as={Lock} boxSize="16px" mr="2" />
时间胶囊
</Tab>
</TabList>
<TabPanels>
@@ -681,6 +703,512 @@ const PredictionGuideModal = ({ isOpen, onClose }) => {
</Box>
</VStack>
</TabPanel>
{/* 观点IPO */}
<TabPanel p="0">
<VStack spacing="6" align="stretch">
<Box
bg={forumColors.gradients.goldSubtle}
p="6"
borderRadius="xl"
border="2px solid"
borderColor={forumColors.border.gold}
>
<HStack spacing="3" mb="3">
<Icon as={MessageCircle} boxSize="32px" color={forumColors.primary[500]} />
<VStack align="start" spacing="0">
<Text fontSize="2xl" fontWeight="700" color={forumColors.text.primary}>
观点IPO - 评论即资产
</Text>
<Text fontSize="sm" color={forumColors.text.secondary}>
让有价值的观点直接变现让小白通过投资"懂王"获利
</Text>
</VStack>
</HStack>
</Box>
{/* 核心玩法 */}
<Box
bg={forumColors.background.hover}
p="5"
borderRadius="lg"
border="1px solid"
borderColor={forumColors.border.default}
>
<HStack spacing="2" mb="4">
<Icon as={Lightbulb} boxSize="20px" color="yellow.400" />
<Text fontWeight="700" color={forumColors.text.primary} fontSize="lg">
💡 核心机制
</Text>
</HStack>
<VStack spacing="3" align="stretch">
<Box
bg={forumColors.gradients.goldSubtle}
p="4"
borderRadius="lg"
border="1px solid"
borderColor={forumColors.border.gold}
>
<Text fontWeight="600" color={forumColors.text.primary} mb="2">
1. 发表分析 他人投资
</Text>
<Text fontSize="sm" color={forumColors.text.secondary}>
在预测话题下发表长篇分析"为什么贵州茅台会涨"其他用户如果认同你的观点可以对你的评论进行投资注资
</Text>
</Box>
<Box
bg={forumColors.background.hover}
p="4"
borderRadius="lg"
border="1px solid"
borderColor={forumColors.border.default}
>
<Text fontWeight="600" color={forumColors.text.primary} mb="2">
2. 预测正确 股东分红
</Text>
<Text fontSize="sm" color={forumColors.text.secondary}>
如果你的预测正确由管理员验证该评论获得的所有投资将按比例分给"股东"投资者投资者获得1.5倍收益评论作者获得20%奖励
</Text>
</Box>
<Box
bg={forumColors.background.hover}
p="4"
borderRadius="lg"
border="1px solid"
borderColor={forumColors.border.default}
>
<Text fontWeight="600" color={forumColors.text.primary} mb="2">
3. 首发权拍卖 流量变现
</Text>
<Text fontSize="sm" color={forumColors.text.secondary}>
在重大事件如美联储议息可以竞拍"前三楼"评论位置前排位置流量最大大V可以通过竞价获得曝光吸引追随者投资
</Text>
</Box>
</VStack>
</Box>
{/* 投资定价 */}
<Box
bg={forumColors.background.hover}
p="5"
borderRadius="lg"
border="1px solid"
borderColor={forumColors.border.default}
>
<HStack spacing="2" mb="4">
<Icon as={DollarSign} boxSize="20px" color="green.400" />
<Text fontWeight="700" color={forumColors.text.primary} fontSize="lg">
💰 投资定价规则
</Text>
</HStack>
<List spacing="2" fontSize="sm" color={forumColors.text.secondary}>
<ListItem>
<ListIcon as={CheckCircle2} color="green.400" />
基础价格100积分/
</ListItem>
<ListItem>
<ListIcon as={CheckCircle2} color="green.400" />
动态涨价每获得投资价格按已有投资额的10%上涨
</ListItem>
<ListItem>
<ListIcon as={CheckCircle2} color="green.400" />
早期投资者成本低后期投资者成本高
</ListItem>
<ListItem>
<ListIcon as={CheckCircle2} color="green.400" />
不能投资自己的评论
</ListItem>
</List>
</Box>
{/* 收益分配 */}
<Box
bg={forumColors.background.hover}
p="5"
borderRadius="lg"
border="1px solid"
borderColor={forumColors.border.default}
>
<HStack spacing="2" mb="4">
<Icon as={Trophy} boxSize="20px" color="purple.400" />
<Text fontWeight="700" color={forumColors.text.primary} fontSize="lg">
🎯 收益分配机制
</Text>
</HStack>
<VStack spacing="3" align="stretch">
<HStack spacing="2">
<Icon as={ArrowRight} boxSize="14px" color={forumColors.primary[500]} />
<Text fontSize="sm" color={forumColors.text.secondary}>
<Text as="span" fontWeight="600" color={forumColors.text.primary}>预测正确</Text>
投资者获得总投资额的1.5倍收益按份额比例分配
</Text>
</HStack>
<HStack spacing="2">
<Icon as={ArrowRight} boxSize="14px" color={forumColors.primary[500]} />
<Text fontSize="sm" color={forumColors.text.secondary}>
<Text as="span" fontWeight="600" color={forumColors.text.primary}>作者奖励</Text>
评论作者获得总投资额的20%作为奖励
</Text>
</HStack>
<HStack spacing="2">
<Icon as={ArrowRight} boxSize="14px" color={forumColors.primary[500]} />
<Text fontSize="sm" color={forumColors.text.secondary}>
<Text as="span" fontWeight="600" color={forumColors.text.primary}>预测错误</Text>
投资者损失全部投资作者无奖励
</Text>
</HStack>
</VStack>
</Box>
{/* 首发权拍卖 */}
<Box
bg="orange.50"
border="2px solid"
borderColor="orange.400"
p="5"
borderRadius="lg"
>
<HStack spacing="3" mb="3">
<Icon as={Crown} boxSize="24px" color="orange.600" />
<Text fontWeight="700" color="orange.700" fontSize="lg">
👑 首发权拍卖
</Text>
</HStack>
<VStack spacing="2" align="stretch">
<Text fontSize="sm" color="orange.700">
<Text as="span" fontWeight="600">玩法</Text>
重大事件发布前竞拍评论区前三名位置
</Text>
<Text fontSize="sm" color="orange.700">
<Text as="span" fontWeight="600">价值</Text>
前排评论获得最大曝光吸引更多投资者
</Text>
<Text fontSize="sm" color="orange.700">
<Text as="span" fontWeight="600">规则</Text>
最低出价500积分出价最高者获得位置
</Text>
<Text fontSize="sm" color="orange.700">
<Text as="span" fontWeight="600">结算</Text>
竞拍截止后获胜者积分扣除其他人退款
</Text>
</VStack>
</Box>
{/* 示例 */}
<Box
bg="blue.50"
border="2px solid"
borderColor="blue.400"
p="5"
borderRadius="lg"
>
<HStack spacing="3" mb="3">
<Icon as={Gift} boxSize="24px" color="blue.600" />
<Text fontWeight="700" color="blue.700" fontSize="lg">
📖 完整示例
</Text>
</HStack>
<VStack spacing="2" align="stretch">
<Text fontSize="sm" color="blue.700">
1. 大V"股神小王"在话题"贵州茅台会涨吗?"下发表3000字深度分析
</Text>
<Text fontSize="sm" color="blue.700">
2. 小明看好这个分析投资500积分5
</Text>
<Text fontSize="sm" color="blue.700">
3. 小红也跟投300积分3此时价格已上涨到150积分/
</Text>
<Text fontSize="sm" color="blue.700">
4. 最终茅台真的上涨管理员验证"预测正确"
</Text>
<Text fontSize="sm" color="blue.700" fontWeight="600">
5. 收益分配
</Text>
<Text fontSize="sm" color="blue.700" ml="4">
小明获得(5/8) × 1200积分 = 750积分净收益+250积分
</Text>
<Text fontSize="sm" color="blue.700" ml="4">
小红获得(3/8) × 1200积分 = 450积分净收益+150积分
</Text>
<Text fontSize="sm" color="blue.700" ml="4">
股神小王获得800积分 × 20% = 160积分作者奖励
</Text>
</VStack>
</Box>
</VStack>
</TabPanel>
{/* 时间胶囊 */}
<TabPanel p="0">
<VStack spacing="6" align="stretch">
<Box
bg={forumColors.gradients.goldSubtle}
p="6"
borderRadius="xl"
border="2px solid"
borderColor={forumColors.border.gold}
>
<HStack spacing="3" mb="3">
<Icon as={Lock} boxSize="32px" color={forumColors.primary[500]} />
<VStack align="start" spacing="0">
<Text fontSize="2xl" fontWeight="700" color={forumColors.text.primary}>
时间胶囊 - 长线预测的博弈
</Text>
<Text fontSize="sm" color={forumColors.text.secondary}>
针对长期事件"人类何时登陆火星"竞拍时间段赌事件发生的年份
</Text>
</VStack>
</HStack>
</Box>
{/* 核心机制 */}
<Box
bg={forumColors.background.hover}
p="5"
borderRadius="lg"
border="1px solid"
borderColor={forumColors.border.default}
>
<HStack spacing="2" mb="4">
<Icon as={Lightbulb} boxSize="20px" color="yellow.400" />
<Text fontWeight="700" color={forumColors.text.primary} fontSize="lg">
💡 核心机制
</Text>
</HStack>
<VStack spacing="3" align="stretch">
<Box
bg={forumColors.gradients.goldSubtle}
p="4"
borderRadius="lg"
border="1px solid"
borderColor={forumColors.border.gold}
>
<Text fontWeight="600" color={forumColors.text.primary} mb="2">
1. 创建话题 + 加密预测
</Text>
<Text fontSize="sm" color={forumColors.text.secondary}>
发起一个长期预测话题"人类何时登陆火星2025-2050年"并提交加密的预测内容需支付100积分创建费用内容在解密前完全保密
</Text>
</Box>
<Box
bg={forumColors.background.hover}
p="4"
borderRadius="lg"
border="1px solid"
borderColor={forumColors.border.default}
>
<Text fontWeight="600" color={forumColors.text.primary} mb="2">
2. 时间段切分 + 竞拍
</Text>
<Text fontSize="sm" color={forumColors.text.secondary}>
系统自动将时间范围切分为多个年份时间段如2025年2026...2050用户可以竞拍任意时间段最高出价者成为该时间段的持有者
</Text>
</Box>
<Box
bg={forumColors.background.hover}
p="4"
borderRadius="lg"
border="1px solid"
borderColor={forumColors.border.default}
>
<Text fontWeight="600" color={forumColors.text.primary} mb="2">
3. 价格动态变化
</Text>
<Text fontSize="sm" color={forumColors.text.secondary}>
随着时间推移如果事件没有发生临近过期的时间段价格会暴跌如2025年快到了还没发生而未来的时间段价格会通过竞拍飙升概率提升
</Text>
</Box>
<Box
bg={forumColors.background.hover}
p="4"
borderRadius="lg"
border="1px solid"
borderColor={forumColors.border.default}
>
<Text fontWeight="600" color={forumColors.text.primary} mb="2">
4. 事件发生 + 结算
</Text>
<Text fontSize="sm" color={forumColors.text.secondary}>
当事件真的发生时如2035年人类登陆火星管理员解密并结算持有"2035年"时间段的用户获得全部奖池其他时间段持有者失去投资
</Text>
</Box>
</VStack>
</Box>
{/* 加密机制 */}
<Box
bg={forumColors.background.hover}
p="5"
borderRadius="lg"
border="1px solid"
borderColor={forumColors.border.default}
>
<HStack spacing="2" mb="4">
<Icon as={Lock} boxSize="20px" color="purple.400" />
<Text fontWeight="700" color={forumColors.text.primary} fontSize="lg">
🔐 加密机制
</Text>
</HStack>
<VStack spacing="3" align="stretch">
<HStack spacing="2">
<Icon as={ArrowRight} boxSize="14px" color={forumColors.primary[500]} />
<Text fontSize="sm" color={forumColors.text.secondary}>
<Text as="span" fontWeight="600" color={forumColors.text.primary}>前端AES加密</Text>
提交时在浏览器端加密预测内容
</Text>
</HStack>
<HStack spacing="2">
<Icon as={ArrowRight} boxSize="14px" color={forumColors.primary[500]} />
<Text fontSize="sm" color={forumColors.text.secondary}>
<Text as="span" fontWeight="600" color={forumColors.text.primary}>后端存储密钥</Text>
加密密钥存储在数据库中解密前不公开
</Text>
</HStack>
<HStack spacing="2">
<Icon as={ArrowRight} boxSize="14px" color={forumColors.primary[500]} />
<Text fontSize="sm" color={forumColors.text.secondary}>
<Text as="span" fontWeight="600" color={forumColors.text.primary}>防止马后炮</Text>
证明"我早就说过"无法事后修改预测
</Text>
</HStack>
<HStack spacing="2">
<Icon as={ArrowRight} boxSize="14px" color={forumColors.primary[500]} />
<Text fontSize="sm" color={forumColors.text.secondary}>
<Text as="span" fontWeight="600" color={forumColors.text.primary}>管理员解密</Text>
事件发生后管理员或作者解密查看内容
</Text>
</HStack>
</VStack>
</Box>
{/* 竞拍规则 */}
<Box
bg={forumColors.background.hover}
p="5"
borderRadius="lg"
border="1px solid"
borderColor={forumColors.border.default}
>
<HStack spacing="2" mb="4">
<Icon as={TrendingUp} boxSize="20px" color="green.400" />
<Text fontWeight="700" color={forumColors.text.primary} fontSize="lg">
💰 竞拍规则
</Text>
</HStack>
<List spacing="2" fontSize="sm" color={forumColors.text.secondary}>
<ListItem>
<ListIcon as={CheckCircle2} color="green.400" />
初始价格每个时间段初始价格100积分
</ListItem>
<ListItem>
<ListIcon as={CheckCircle2} color="green.400" />
最低加价每次出价至少比当前价格高50积分
</ListItem>
<ListItem>
<ListIcon as={CheckCircle2} color="green.400" />
自动退款被超越的出价者自动退还积分
</ListItem>
<ListItem>
<ListIcon as={CheckCircle2} color="green.400" />
奖池累积每次竞拍的价格增量进入话题奖池
</ListItem>
<ListItem>
<ListIcon as={CheckCircle2} color="green.400" />
创建费用100积分进入奖池
</ListItem>
</List>
</Box>
{/* 示例 */}
<Box
bg="purple.50"
border="2px solid"
borderColor="purple.400"
p="5"
borderRadius="lg"
>
<HStack spacing="3" mb="3">
<Icon as={Calendar} boxSize="24px" color="purple.600" />
<Text fontWeight="700" color="purple.700" fontSize="lg">
📖 完整示例人类登陆火星
</Text>
</HStack>
<VStack spacing="2" align="stretch">
<Text fontSize="sm" color="purple.700">
<Text as="span" fontWeight="600">2025年1月</Text>
小明创建话题"人类何时登陆火星2025-2050年"支付100积分提交加密预测
</Text>
<Text fontSize="sm" color="purple.700">
<Text as="span" fontWeight="600">初始状态</Text>
系统创建26个时间段2025-2050每个初始价格100积分
</Text>
<Text fontSize="sm" color="purple.700">
<Text as="span" fontWeight="600">2025年2月</Text>
小红出价150积分竞拍"2030年"时间段成为持有者
</Text>
<Text fontSize="sm" color="purple.700">
<Text as="span" fontWeight="600">2025年3月</Text>
小李出价200积分超越小红成为"2030年"新持有者小红退还150积分
</Text>
<Text fontSize="sm" color="purple.700">
<Text as="span" fontWeight="600">2026</Text>
"2025年"时间段过期无人竞拍事件未发生价值归零
</Text>
<Text fontSize="sm" color="purple.700">
<Text as="span" fontWeight="600">2030</Text>
SpaceX宣布人类成功登陆火星
</Text>
<Text fontSize="sm" color="purple.700" fontWeight="600">
<Text as="span" fontWeight="600">结算</Text>
</Text>
<Text fontSize="sm" color="purple.700" ml="4">
小李持有"2030年"获得全部奖池假设1500积分
</Text>
<Text fontSize="sm" color="purple.700" ml="4">
其他时间段持有者损失投资
</Text>
<Text fontSize="sm" color="purple.700" ml="4">
话题解密小明的预测内容公开
</Text>
</VStack>
</Box>
{/* 策略提示 */}
<Box
bg="green.50"
border="2px solid"
borderColor="green.400"
p="5"
borderRadius="lg"
>
<HStack spacing="3" mb="3">
<Icon as={Target} boxSize="24px" color="green.600" />
<Text fontWeight="700" color="green.700" fontSize="lg">
🎯 策略提示
</Text>
</HStack>
<VStack spacing="2" align="stretch">
<Text fontSize="sm" color="green.700">
早期竞拍成本低但等待时间长
</Text>
<Text fontSize="sm" color="green.700">
可以根据科技进展动态调整持有时间段
</Text>
<Text fontSize="sm" color="green.700">
适合极其长线的宏大叙事预测
</Text>
<Text fontSize="sm" color="green.700">
加密机制保证预测的真实性和不可篡改性
</Text>
</VStack>
</Box>
</VStack>
</TabPanel>
</TabPanels>
</Tabs>
</ModalBody>