import React, { useState } from 'react';
import { TrendingUp, Zap, BookOpen, GitMerge, Twitter, DollarSign, Box, Globe, Layers, Percent, ArrowDownUp, Building, ArrowRightLeft } from 'lucide-react';
// --- Mock Data ---
// 您可以将这些模拟数据替换为真实的API调用结果
// 新的数据概览部分
const overviewData = {
totalSupply: '120.1M ETH',
stakedEth: '36.2M ETH',
stakedRatio: '30.1%',
stakingApr: '3.5%',
};
const etfOverviewData = {
totalHoldings: '2.5M ETH',
holdingRatio: '2.08%',
inflow24h: '+$50.2M',
};
const coreMetricsData = [
{ label: 'ETH 价格', value: '$3,450.67', change: '+2.5%', icon:
);
const ArticlesSection = () => (
{renderContent()}
);
}
{children}
);
const SectionTitle = ({ icon, title }) => (
{icon} {title}
); const DataSection = () => (
{/* Main Overview Card */}
{/* ETF Overview Card */}
{/* Bottom Row: Core Metrics */}
ETH 总量
{overviewData.totalSupply}
ETH 质押量 / 占比
{overviewData.stakedEth}
{overviewData.stakedRatio}
质押年化 (APR)
{overviewData.stakingApr}
ETF 持有总量 / 占比
{etfOverviewData.totalHoldings}
{etfOverviewData.holdingRatio}
24小时流入
{etfOverviewData.inflow24h}
{coreMetricsData.map(item => (
))}
{item.icon}
{item.label}
{item.value}
{item.change &&{item.change}
}
{newsFlashes.map((flash, index) => (
))}
{flash.source}
{flash.time}
{flash.text}
{deepArticles.map((article, index) => (
))}
{article.category}
{article.title}
来源: {article.author}
{roadmapItems.map((item, index) => (
{item.name}
{item.status}
{item.description}
{tweets.map((tweet, index) => (
))}
{tweet.name}
{tweet.handle}
{tweet.text}