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

updated

Browse Source
This commit is contained in:
root
2025-11-05 11:14:41 +08:00
parent fc37df4385
commit 96d98902c9
49 changed files with 29477 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

837
public/htmls/人形机器人Figure.html Normal file
View File

@@ -0,0 +1,837 @@
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>人形机器人Figure - 深度投资分析</title>
<!-- Bootstrap 5 CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- Bootstrap Icons -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.0/font/bootstrap-icons.css">
<!-- AOS Animation -->
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<style>
:root {
--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
--secondary-gradient: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
--dark-bg: #0f0f1e;
--card-bg: rgba(255, 255, 255, 0.05);
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', sans-serif;
background: linear-gradient(135deg, #0f0f1e 0%, #1a1a2e 100%);
color: #e0e0e0;
min-height: 100vh;
}
/* 导航栏样式 */
.navbar {
background: rgba(15, 15, 30, 0.95) !important;
backdrop-filter: blur(10px);
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
padding: 1rem 0;
}
.navbar-brand {
font-weight: 700;
font-size: 1.5rem;
background: var(--primary-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
/* Hero Section */
.hero-section {
padding: 80px 0 60px;
position: relative;
overflow: hidden;
}
.hero-section::before {
content: '';
position: absolute;
top: -50%;
right: -10%;
width: 600px;
height: 600px;
background: radial-gradient(circle, rgba(102, 126, 234, 0.1) 0%, transparent 70%);
border-radius: 50%;
animation: floating 20s infinite ease-in-out;
}
@keyframes floating {
0%, 100% { transform: translateY(0) rotate(0deg); }
50% { transform: translateY(-20px) rotate(180deg); }
}
.hero-title {
font-size: 3rem;
font-weight: 800;
background: var(--primary-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin-bottom: 1.5rem;
}
.hero-subtitle {
font-size: 1.25rem;
color: #a0a0a0;
margin-bottom: 2rem;
}
/* 卡片样式 */
.glass-card {
background: var(--card-bg);
backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 20px;
padding: 2rem;
margin-bottom: 2rem;
transition: all 0.3s ease;
}
.glass-card:hover {
transform: translateY(-5px);
box-shadow: 0 20px 40px rgba(102, 126, 234, 0.2);
border-color: rgba(102, 126, 234, 0.3);
}
.card-header-custom {
font-size: 1.5rem;
font-weight: 700;
margin-bottom: 1.5rem;
display: flex;
align-items: center;
gap: 0.5rem;
}
.card-header-custom i {
color: #667eea;
}
/* 时间轴样式 */
.timeline {
position: relative;
padding: 2rem 0;
}
.timeline::before {
content: '';
position: absolute;
left: 50%;
top: 0;
bottom: 0;
width: 2px;
background: linear-gradient(180deg, #667eea, #764ba2);
transform: translateX(-50%);
}
.timeline-item {
position: relative;
margin-bottom: 3rem;
}
.timeline-item::before {
content: '';
position: absolute;
left: 50%;
top: 0;
width: 20px;
height: 20px;
background: #667eea;
border-radius: 50%;
transform: translateX(-50%);
box-shadow: 0 0 0 4px rgba(102, 126, 234, 0.3);
}
.timeline-content {
background: var(--card-bg);
padding: 1.5rem;
border-radius: 15px;
width: 45%;
backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.1);
}
.timeline-item:nth-child(odd) .timeline-content {
margin-left: auto;
}
.timeline-date {
color: #667eea;
font-weight: 700;
margin-bottom: 0.5rem;
}
/* 表格样式 */
.custom-table {
background: var(--card-bg);
backdrop-filter: blur(10px);
border-radius: 15px;
overflow: hidden;
border: 1px solid rgba(255, 255, 255, 0.1);
}
.custom-table thead {
background: linear-gradient(135deg, rgba(102, 126, 234, 0.2), rgba(118, 75, 162, 0.2));
}
.custom-table th {
border: none;
padding: 1rem;
font-weight: 600;
color: #fff;
}
.custom-table td {
border: none;
padding: 1rem;
border-top: 1px solid rgba(255, 255, 255, 0.05);
vertical-align: middle;
}
.custom-table tbody tr {
transition: all 0.3s ease;
}
.custom-table tbody tr:hover {
background: rgba(102, 126, 234, 0.1);
}
/* 产业链图谱 */
.industry-chain {
display: flex;
justify-content: space-between;
align-items: center;
padding: 2rem 0;
position: relative;
}
.chain-node {
flex: 1;
text-align: center;
padding: 1.5rem;
background: var(--card-bg);
border-radius: 15px;
border: 1px solid rgba(255, 255, 255, 0.1);
margin: 0 0.5rem;
transition: all 0.3s ease;
}
.chain-node:hover {
transform: scale(1.05);
border-color: #667eea;
}
.chain-node h5 {
color: #667eea;
margin-bottom: 1rem;
}
/* 标签样式 */
.tag {
display: inline-block;
padding: 0.25rem 0.75rem;
background: rgba(102, 126, 234, 0.2);
border-radius: 20px;
font-size: 0.875rem;
margin: 0.25rem;
border: 1px solid rgba(102, 126, 234, 0.3);
}
.tag-hot {
background: rgba(245, 87, 108, 0.2);
border-color: rgba(245, 87, 108, 0.3);
color: #f5576c;
}
/* 风险提示 */
.risk-item {
background: rgba(245, 87, 108, 0.1);
border-left: 4px solid #f5576c;
padding: 1rem;
margin-bottom: 1rem;
border-radius: 0 10px 10px 0;
}
/* 响应式设计 */
@media (max-width: 768px) {
.hero-title {
font-size: 2rem;
}
.timeline::before {
left: 20px;
}
.timeline-item::before {
left: 20px;
}
.timeline-content {
width: calc(100% - 60px);
margin-left: 50px !important;
}
.industry-chain {
flex-direction: column;
}
.chain-node {
margin: 0.5rem 0;
width: 100%;
}
.custom-table {
font-size: 0.875rem;
}
}
/* 加载动画 */
.fade-in {
animation: fadeIn 0.8s ease-in;
}
@keyframes fadeIn {
from { opacity: 0; transform: translateY(20px); }
to { opacity: 1; transform: translateY(0); }
}
/* 滚动条样式 */
::-webkit-scrollbar {
width: 10px;
}
::-webkit-scrollbar-track {
background: rgba(255, 255, 255, 0.05);
}
::-webkit-scrollbar-thumb {
background: linear-gradient(180deg, #667eea, #764ba2);
border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
background: linear-gradient(180deg, #764ba2, #667eea);
}
</style>
</head>
<body>
<!-- 导航栏 -->
<nav class="navbar navbar-expand-lg navbar-dark fixed-top">
<div class="container">
<a class="navbar-brand" href="#">
<i class="bi bi-robot"></i> Figure AI
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<li class="nav-item">
<a class="nav-link" href="#overview">概览</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#timeline">时间轴</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#logic">核心逻辑</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#stocks">相关股票</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#risks">风险提示</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- Hero Section -->
<section class="hero-section" id="overview">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-8">
<h1 class="hero-title fade-in" data-aos="fade-up">人形机器人Figure</h1>
<p class="hero-subtitle fade-in" data-aos="fade-up" data-aos-delay="100">
具身智能时代的引领者，从技术验证迈向商业化前夕的关键拐点
</p>
<div class="d-flex flex-wrap gap-2 fade-in" data-aos="fade-up" data-aos-delay="200">
<span class="tag tag-hot">🔥 市场热度极高</span>
<span class="tag">💰 估值400亿美元</span>
<span class="tag">🤖 Helix模型突破</span>
<span class="tag">🏭 BotQ工厂启动</span>
<span class="tag">🚀 顶级资本背书</span>
</div>
</div>
<div class="col-lg-4">
<div class="glass-card fade-in" data-aos="fade-left">
<h5 class="text-center mb-3">核心指标</h5>
<div class="row text-center">
<div class="col-6">
<h3 class="text-primary">26亿→400亿$</h3>
<small>估值增长</small>
</div>
<div class="col-6">
<h3 class="text-primary">200Hz</h3>
<small>控制频率</small>
</div>
<div class="col-6 mt-3">
<h3 class="text-primary">10万台</h3>
<small>4年产能目标</small>
</div>
<div class="col-6 mt-3">
<h3 class="text-primary">端侧运行</h3>
<small>不依赖云端</small>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- 时间轴 -->
<section class="py-5" id="timeline">
<div class="container">
<div class="glass-card">
<h3 class="card-header-custom">
<i class="bi bi-clock-history"></i> 发展历程
</h3>
<div class="timeline">
<div class="timeline-item" data-aos="fade-up">
<div class="timeline-content">
<div class="timeline-date">2022年</div>
<h5>公司创立</h5>
<p>由成功创业者Brett Adcock创立，瞄准通用型人形机器人赛道</p>
</div>
</div>
<div class="timeline-item" data-aos="fade-up" data-aos-delay="100">
<div class="timeline-content">
<div class="timeline-date">2023年10月</div>
<h5>Figure 01发布</h5>
<p>展示搬运、学习煮咖啡等基础能力，接入OpenAI大模型</p>
</div>
</div>
<div class="timeline-item" data-aos="fade-up" data-aos-delay="200">
<div class="timeline-content">
<div class="timeline-date">2024年2月</div>
<h5>B轮融资</h5>
<p>完成6.75亿美元融资，微软、OpenAI、英伟达等投资，估值26亿美元</p>
</div>
</div>
<div class="timeline-item" data-aos="fade-up" data-aos-delay="300">
<div class="timeline-content">
<div class="timeline-date">2025年2月21日</div>
<h5>Helix模型发布</h5>
<p>全球首个高频连续控制的VLA模型，支持双机器人协作</p>
</div>
</div>
<div class="timeline-item" data-aos="fade-up" data-aos-delay="400">
<div class="timeline-content">
<div class="timeline-date">2025年3月15日</div>
<h5>BotQ工厂启动</h5>
<p>开启"机器人制造机器人"模式，首期年产能1.2万台</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- 核心逻辑 -->
<section class="py-5" id="logic">
<div class="container">
<div class="row g-4">
<div class="col-lg-4" data-aos="fade-up">
<div class="glass-card h-100">
<h4 class="card-header-custom">
<i class="bi bi-cpu"></i> AI算法突破
</h4>
<p class="text-muted">Helix模型通过"慢思考+快行动"双模型架构，实现200Hz高频控制</p>
<ul class="list-unstyled">
<li class="mb-2"><i class="bi bi-check-circle text-success"></i> 端侧运行</li>
<li class="mb-2"><i class="bi bi-check-circle text-success"></i> 双机器人协作</li>
<li class="mb-2"><i class="bi bi-check-circle text-success"></i> 视觉-语言-动作融合</li>
</ul>
</div>
</div>
<div class="col-lg-4" data-aos="fade-up" data-aos-delay="100">
<div class="glass-card h-100">
<h4 class="card-header-custom">
<i class="bi bi-building"></i> 生产模式革命
</h4>
<p class="text-muted">BotQ工厂实现"机器人造机器人"的闭环生产模式</p>
<ul class="list-unstyled">
<li class="mb-2"><i class="bi bi-check-circle text-success"></i> 指数级产能放大</li>
<li class="mb-2"><i class="bi bi-check-circle text-success"></i> 成本大幅降低</li>
<li class="mb-2"><i class="bi bi-check-circle text-success"></i> 4年10万台目标</li>
</ul>
</div>
</div>
<div class="col-lg-4" data-aos="fade-up" data-aos-delay="200">
<div class="glass-card h-100">
<h4 class="card-header-custom">
<i class="bi bi-people-fill"></i> 顶级资本背书
</h4>
<p class="text-muted">科技巨头投资带来技术协同和生态优势</p>
<ul class="list-unstyled">
<li class="mb-2"><i class="bi bi-check-circle text-success"></i> 微软</li>
<li class="mb-2"><i class="bi bi-check-circle text-success"></i> OpenAI</li>
<li class="mb-2"><i class="bi bi-check-circle text-success"></i> 英伟达</li>
<li class="mb-2"><i class="bi bi-check-circle text-success"></i> 亚马逊</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!-- 产业链图谱 -->
<section class="py-5">
<div class="container">
<div class="glass-card">
<h3 class="card-header-custom">
<i class="bi bi-diagram-3"></i> 产业链图谱
</h3>
<div class="industry-chain">
<div class="chain-node" data-aos="zoom-in">
<h5><i class="bi bi-box-seam"></i> 上游</h5>
<p class="small">核心硬件供应商</p>
<div class="mt-2">
<span class="tag">执行器</span>
<span class="tag">减速器</span>
<span class="tag">传感器</span>
</div>
</div>
<div class="chain-node" data-aos="zoom-in" data-aos-delay="100">
<h5><i class="bi bi-gear"></i> 中游</h5>
<p class="small">本体制造商</p>
<div class="mt-2">
<span class="tag tag-hot">Figure AI</span>
<span class="tag">系统集成</span>
</div>
</div>
<div class="chain-node" data-aos="zoom-in" data-aos-delay="200">
<h5><i class="bi bi-shop"></i> 下游</h5>
<p class="small">应用场景</p>
<div class="mt-2">
<span class="tag">工业制造</span>
<span class="tag">物流仓储</span>
<span class="tag">家庭服务</span>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- 股票数据表格 -->
<section class="py-5" id="stocks">
<div class="container">
<div class="glass-card">
<h3 class="card-header-custom">
<i class="bi bi-graph-up-arrow"></i> 核心标的股票池
</h3>
<div class="table-responsive">
<table class="table custom-table">
<thead>
<tr>
<th>股票代码</th>
<th>公司名称</th>
<th>产业链环节</th>
<th>合作项目</th>
<th>关联原因</th>
<th>确定性</th>
</tr>
</thead>
<tbody>
<tr data-aos="fade-up">
<td><strong>领益智造</strong></td>
<td>领益智造</td>
<td><span class="tag">结构件</span></td>
<td>模切结构件、金属结构件、散热模组、软包结构件</td>
<td>已明确为Figure AI提供产品服务</td>
<td><span class="badge bg-success">高</span></td>
</tr>
<tr data-aos="fade-up" data-aos-delay="50">
<td><strong>世运电路</strong></td>
<td>世运电路</td>
<td><span class="tag">PCB</span></td>
<td>新产品定点设计</td>
<td>公告获得F公司新产品定点，进入量产准备</td>
<td><span class="badge bg-success">高</span></td>
</tr>
<tr data-aos="fade-up" data-aos-delay="100">
<td><strong>绿的谐波</strong></td>
<td>绿的谐波</td>
<td><span class="tag">减速器</span></td>
<td>减速器供应</td>
<td>谐波减速器龙头，受益行业β</td>
<td><span class="badge bg-warning">中</span></td>
</tr>
<tr data-aos="fade-up" data-aos-delay="150">
<td><strong>兆威机电</strong></td>
<td>兆威机电</td>
<td><span class="tag">灵巧手</span></td>
<td>执行器模块化供应</td>
<td>稀缺执行器模块化供应商</td>
<td><span class="badge bg-warning">中</span></td>
</tr>
<tr data-aos="fade-up" data-aos-delay="200">
<td><strong>银轮股份</strong></td>
<td>银轮股份</td>
<td><span class="tag">潜在</span></td>
<td>执行器总成</td>
<td>据券商纪要，为Figure国产链合作伙伴</td>
<td><span class="badge bg-danger">低</span></td>
</tr>
<tr data-aos="fade-up" data-aos-delay="250">
<td><strong>恒勃股份</strong></td>
<td>恒勃股份</td>
<td><span class="tag">结构件</span></td>
<td>结构件供货、足部充电、PEEK注塑</td>
<td>据券商纪要，为Figure国产链合作伙伴</td>
<td><span class="badge bg-danger">低</span></td>
</tr>
<tr data-aos="fade-up" data-aos-delay="300">
<td><strong>隆盛科技</strong></td>
<td>隆盛科技</td>
<td><span class="tag">旋转执行器</span></td>
<td>间接供货Figure</td>
<td>通过日本尼得科间接供货</td>
<td><span class="badge bg-warning">中</span></td>
</tr>
<tr data-aos="fade-up" data-aos-delay="350">
<td><strong>旭升集团</strong></td>
<td>旭升集团</td>
<td><span class="tag">轻量化</span></td>
<td>镁铝压铸件供应</td>
<td>镁铝压铸件供应商</td>
<td><span class="badge bg-warning">中</span></td>
</tr>
<tr data-aos="fade-up" data-aos-delay="400">
<td><strong>鸣志电器</strong></td>
<td>鸣志电器</td>
<td><span class="tag">潜在</span></td>
<td>微电机供应</td>
<td>微电机供应商</td>
<td><span class="badge bg-danger">低</span></td>
</tr>
<tr data-aos="fade-up" data-aos-delay="450">
<td><strong>震裕科技</strong></td>
<td>震裕科技</td>
<td><span class="tag">潜在</span></td>
<td>线性执行器、蜗轮蜗杆</td>
<td>线性执行器、蜗轮蜗杆供应商</td>
<td><span class="badge bg-danger">低</span></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</section>
<!-- 投资启示 -->
<section class="py-5">
<div class="container">
<div class="row g-4">
<div class="col-lg-6" data-aos="fade-right">
<div class="glass-card h-100">
<h4 class="card-header-custom">
<i class="bi bi-lightbulb"></i> 投资策略
</h4>
<div class="mb-3">
<h6 class="text-primary">首选：确定性标的</h6>
<p class="small">领益智造、世运电路 - 供应链关系已公开确认</p>
</div>
<div class="mb-3">
<h6 class="text-warning">次选：行业β受益者</h6>
<p class="small">绿的谐波、兆威机电 - "卖铲人"逻辑，分散风险</p>
</div>
<div>
<h6 class="text-danger">谨慎参与：预期驱动标的</h6>
<p class="small">银轮股份、恒勃股份 - 承担信息不确定性风险</p>
</div>
</div>
</div>
<div class="col-lg-6" data-aos="fade-left">
<div class="glass-card h-100">
<h4 class="card-header-custom">
<i class="bi bi-eye"></i> 关键跟踪指标
</h4>
<ul class="list-unstyled">
<li class="mb-3">
<i class="bi bi-cash-stack text-primary"></i>
<strong>C轮融资进展</strong>
<p class="small text-muted">400亿美元估值是否成功</p>
</li>
<li class="mb-3">
<i class="bi bi-box text-primary"></i>
<strong>产能与交付</strong>
<p class="small text-muted">BotQ工厂月度/季度出货量</p>
</li>
<li class="mb-3">
<i class="bi bi-handshake text-primary"></i>
<strong>商业订单</strong>
<p class="small text-muted">宝马以外新增大型订单</p>
</li>
<li>
<i class="bi bi-graph-up text-primary"></i>
<strong>供应商业绩</strong>
<p class="small text-muted">A股公司相关收入确认情况</p>
</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!-- 风险提示 -->
<section class="py-5" id="risks">
<div class="container">
<div class="glass-card">
<h3 class="card-header-custom">
<i class="bi bi-exclamation-triangle"></i> 风险提示
</h3>
<div class="row">
<div class="col-lg-4 mb-3" data-aos="fade-up">
<h5 class="text-danger mb-3">技术风险</h5>
<div class="risk-item">
<small>硬件与软件融合瓶颈，运动能力与竞争对手存在差距</small>
</div>
<div class="risk-item">
<small>数据与泛化能力局限，仿真与现实差距</small>
</div>
</div>
<div class="col-lg-4 mb-3" data-aos="fade-up" data-aos-delay="100">
<h5 class="text-danger mb-3">商业化风险</h5>
<div class="risk-item">
<small>高昂成本与客户接受度，10万美元仍属重资产</small>
</div>
<div class="risk-item">
<small>工程化与规模化能力，从实验室到量产的巨大跨越</small>
</div>
</div>
<div class="col-lg-4 mb-3" data-aos="fade-up" data-aos-delay="200">
<h5 class="text-danger mb-3">估值泡沫风险</h5>
<div class="risk-item">
<small>26亿→400亿美元估值跳跃，缺乏财务数据支撑</small>
</div>
<div class="risk-item">
<small>关联标的信息可靠性，部分信息仅来自券商纪要</small>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer class="py-4 mt-5 border-top border-secondary">
<div class="container text-center">
<p class="text-muted mb-0">© 2025 人形机器人Figure投资分析 | 数据仅供参考，投资需谨慎</p>
</div>
</footer>
<!-- Bootstrap JS -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
<!-- AOS Animation JS -->
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<script>
// 初始化AOS动画
AOS.init({
duration: 800,
once: true,
offset: 100
});
// 平滑滚动
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function (e) {
e.preventDefault();
const target = document.querySelector(this.getAttribute('href'));
if (target) {
target.scrollIntoView({
behavior: 'smooth',
block: 'start'
});
}
});
});
// 导航栏滚动效果
window.addEventListener('scroll', function() {
const navbar = document.querySelector('.navbar');
if (window.scrollY > 50) {
navbar.style.background = 'rgba(15, 15, 30, 0.98)';
} else {
navbar.style.background = 'rgba(15, 15, 30, 0.95)';
}
});
// 表格行高亮效果
document.querySelectorAll('.custom-table tbody tr').forEach(row => {
row.addEventListener('mouseenter', function() {
this.style.cursor = 'pointer';
});
row.addEventListener('click', function() {
// 移除其他行的选中状态
document.querySelectorAll('.custom-table tbody tr').forEach(r => {
r.style.background = '';
});
// 添加当前行的选中状态
this.style.background = 'rgba(102, 126, 234, 0.2)';
});
});
// 数字动画效果
function animateValue(element, start, end, duration) {
let startTimestamp = null;
const step = (timestamp) => {
if (!startTimestamp) startTimestamp = timestamp;
const progress = Math.min((timestamp - startTimestamp) / duration, 1);
element.innerHTML = Math.floor(progress * (end - start) + start);
if (progress < 1) {
window.requestAnimationFrame(step);
}
};
window.requestAnimationFrame(step);
}
// 当页面加载完成时触发数字动画
window.addEventListener('load', function() {
const observer = new IntersectionObserver((entries) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
const element = entry.target;
if (element.textContent.includes('26亿→400亿$')) {
animateValue(element.querySelector('h3'), 26, 400, 2000);
}
observer.unobserve(element);
}
});
});
document.querySelectorAll('.hero-title').forEach(el => {
observer.observe(el);
});
});
</script>
</body>
</html>