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

feat: 10.10线上最新代码提交

Browse Source
This commit is contained in:
zdl
2025-10-11 16:16:02 +08:00
parent 4d0dc109bc
commit 864844a52b
3338 changed files with 460147 additions and 152745 deletions
Download Patch File Download Diff File Expand all files Collapse all files

381
public/htmls/人形机器人产业动态.html Normal file
View File

@@ -0,0 +1,381 @@
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>人形机器人产业动态分析</title>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet" />
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/daisyui@5/dist/full.min.css" rel="stylesheet">
<script src="https://kit.fontawesome.com/1d2b6c4f81.js" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/tsparticles@3/tsparticles.bundle.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r134/three.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vanta/0.5.24/vanta.waves.min.js"></script>
<style>
body {
font-family: 'Inter', sans-serif;
overflow-x: hidden;
}
#vanta-bg {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.content-wrapper {
background: rgba(255, 255, 255, 0.95);
backdrop-filter: blur(10px);
border-radius: 1rem;
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}
.section-title {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.table-container {
overflow-x: auto;
}
@media (max-width: 768px) {
.table-container {
font-size: 0.75rem;
}
.content-wrapper {
margin: 1rem;
padding: 1rem;
}
}
.highlight-box {
background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
color: white;
padding: 1.5rem;
border-radius: 0.75rem;
margin-bottom: 2rem;
}
.timeline-item {
position: relative;
padding-left: 2rem;
margin-bottom: 1.5rem;
}
.timeline-item::before {
content: '';
position: absolute;
left: 0;
top: 0.5rem;
width: 0.75rem;
height: 0.75rem;
background: #667eea;
border-radius: 50%;
}
.timeline-item::after {
content: '';
position: absolute;
left: 0.375rem;
top: 1.25rem;
width: 1px;
height: calc(100% - 0.5rem);
background: #e5e7eb;
}
.timeline-item:last-child::after {
display: none;
}
</style>
</head>
<body class="bg-gray-50">
<div id="vanta-bg"></div>
<div class="container mx-auto px-4 py-8 max-w-7xl">
<div class="content-wrapper p-8">
<!-- 标题部分 -->
<div class="text-center mb-10">
<h1 class="text-4xl md:text-5xl font-bold mb-4 section-title">人形机器人产业动态分析</h1>
<p class="text-lg text-gray-600">2024-2025年"量产元年"深度洞察</p>
</div>
<!-- 概念事件 -->
<section class="mb-12">
<h2 class="text-2xl font-bold mb-6 section-title">概念事件</h2>
<div class="highlight-box">
<div class="grid md:grid-cols-3 gap-6">
<div class="text-center">
<i class="fas fa-landmark text-4xl mb-3"></i>
<h3 class="text-xl font-semibold mb-2">政策端</h3>
<p class="text-sm">中国"十四五"规划将人形机器人列为战略性新兴产业；美国《芯片法案》加速本土产业链重构</p>
</div>
<div class="text-center">
<i class="fas fa-microchip text-4xl mb-3"></i>
<h3 class="text-xl font-semibold mb-2">技术端</h3>
<p class="text-sm">特斯拉Optimus Gen2实现动态平衡；宇树科技H1速度达3.3m/s；汇川技术推出高性能核心部件</p>
</div>
<div class="text-center">
<i class="fas fa-industry text-4xl mb-3"></i>
<h3 class="text-xl font-semibold mb-2">商业化端</h3>
<p class="text-sm">特斯拉计划2025年量产1万台；宇树科技获500台订单；汇川方案提升效率40%</p>
</div>
</div>
</div>
</section>
<!-- 核心观点摘要 -->
<section class="mb-12">
<h2 class="text-2xl font-bold mb-6 section-title">核心观点摘要</h2>
<div class="bg-gradient-to-r from-blue-50 to-purple-50 p-6 rounded-lg border border-gray-200">
<p class="text-gray-700 leading-relaxed mb-4">
人形机器人产业正处于从"实验室"向"产业化"跨越的关键阶段。当前，技术突破（如电驱动、具身智能）与政策支持（中国"十四五"规划、美国《芯片法案》）共同驱动产业进入"量产元年"。
</p>
<p class="text-gray-700 leading-relaxed mb-4">
未来5-10年，产业将围绕"电驱动+具身智能"加速技术融合，工业场景（如汽车制造、3C装配）率先规模化应用，家庭服务（如养老、育儿）与特种领域（如灾难救援、太空探索）为下一增长极。
</p>
<p class="text-gray-700 leading-relaxed">
当前市场热度高涨，但需警惕技术瓶颈（如动态平衡、多模态感知）、商业化不及预期（成本高、场景落地慢）及政策伦理风险（机器人税、数据安全、就业替代）。
</p>
</div>
</section>
<!-- 核心逻辑与市场认知分析 -->
<section class="mb-12">
<h2 class="text-2xl font-bold mb-6 section-title">核心逻辑与市场认知分析</h2>
<div class="grid md:grid-cols-3 gap-6 mb-8">
<div class="bg-white p-6 rounded-lg shadow-md">
<h3 class="text-xl font-semibold mb-4 text-purple-600">核心驱动力</h3>
<div class="space-y-3">
<div class="timeline-item">
<h4 class="font-medium">技术突破</h4>
<p class="text-sm text-gray-600">电驱动主导、具身智能融合、低成本化</p>
</div>
<div class="timeline-item">
<h4 class="font-medium">政策支持</h4>
<p class="text-sm text-gray-600">中国"十四五"规划、美国《芯片法案》</p>
</div>
<div class="timeline-item">
<h4 class="font-medium">市场需求</h4>
<p class="text-sm text-gray-600">工业、家庭服务、特种领域需求旺盛</p>
</div>
</div>
</div>
<div class="bg-white p-6 rounded-lg shadow-md">
<h3 class="text-xl font-semibold mb-4 text-blue-600">市场热度与情绪</h3>
<div class="space-y-3">
<div class="timeline-item">
<h4 class="font-medium">政策与资本助推</h4>
<p class="text-sm text-gray-600">2024年融资超50起，总金额超100亿元</p>
</div>
<div class="timeline-item">
<h4 class="font-medium">技术突破引发兴奋</h4>
<p class="text-sm text-gray-600">概念股涨幅超50%，市场关注度高</p>
</div>
<div class="timeline-item">
<h4 class="font-medium">预期差与理性分化</h4>
<p class="text-sm text-gray-600">量产时间、场景优先级、成本控制存在分歧</p>
</div>
</div>
</div>
<div class="bg-white p-6 rounded-lg shadow-md">
<h3 class="text-xl font-semibold mb-4 text-green-600">预期差分析</h3>
<div class="space-y-3">
<div class="timeline-item">
<h4 class="font-medium">技术落地节奏</h4>
<p class="text-sm text-gray-600">量产时间可能受供应链、技术成熟度影响</p>
</div>
<div class="timeline-item">
<h4 class="font-medium">商业化场景优先级</h4>
<p class="text-sm text-gray-600">工业场景vs家庭服务场景的长期潜力</p>
</div>
<div class="timeline-item">
<h4 class="font-medium">成本控制能力</h4>
<p class="text-sm text-gray-600">核心零部件国产化率、规模化量产能力</p>
</div>
</div>
</div>
</div>
</section>
<!-- 关键催化剂与未来发展路径 -->
<section class="mb-12">
<h2 class="text-2xl font-bold mb-6 section-title">关键催化剂与未来发展路径</h2>
<div class="grid md:grid-cols-2 gap-8">
<div class="bg-gradient-to-br from-purple-50 to-pink-50 p-6 rounded-lg">
<h3 class="text-xl font-semibold mb-4 text-purple-700">近期催化剂（2025-2026年）</h3>
<ul class="space-y-3">
<li class="flex items-start">
<i class="fas fa-rocket text-purple-500 mt-1 mr-3"></i>
<div>
<h4 class="font-medium">特斯拉Optimus Gen3量产</h4>
<p class="text-sm text-gray-600">2025年Q2推出，成本降至1.5万美元以下</p>
</div>
</li>
<li class="flex items-start">
<i class="fas fa-industry text-purple-500 mt-1 mr-3"></i>
<div>
<h4 class="font-medium">国内企业量产线投产</h4>
<p class="text-sm text-gray-600">宇树科技月产能破1000台，汇川技术方案落地</p>
</div>
</li>
<li class="flex items-start">
<i class="fas fa-file-alt text-purple-500 mt-1 mr-3"></i>
<div>
<h4 class="font-medium">政策支持落地</h4>
<p class="text-sm text-gray-600">工信部发布行动计划，提供最高5亿元补贴</p>
</div>
</li>
</ul>
</div>
<div class="bg-gradient-to-br from-blue-50 to-cyan-50 p-6 rounded-lg">
<h3 class="text-xl font-semibold mb-4 text-blue-700">长期发展路径（2027-2030年）</h3>
<div class="space-y-4">
<div>
<h4 class="font-medium text-blue-600 mb-2">技术成熟期（2027-2029年）</h4>
<ul class="text-sm text-gray-600 space-y-1 ml-4">
<li>• 动态平衡与复杂环境适应能力提升</li>
<li>• 多模态大模型突破，任务成功率超90%</li>
<li>• 核心零部件国产化率提升至80%以上</li>
</ul>
</div>
<div>
<h4 class="font-medium text-blue-600 mb-2">商业化爆发期（2030年后）</h4>
<ul class="text-sm text-gray-600 space-y-1 ml-4">
<li>• 工业场景渗透率超30%，市场规模超千亿</li>
<li>• 家庭服务成为主流，渗透率超50%</li>
<li>• 特种领域专业化应用加速落地</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!-- 产业链与核心公司深度剖析 -->
<section class="mb-12">
<h2 class="text-2xl font-bold mb-6 section-title">产业链与核心公司深度剖析</h2>
<div class="bg-white p-6 rounded-lg shadow-md mb-8">
<h3 class="text-xl font-semibold mb-4 text-indigo-600">产业链图谱</h3>
<div class="grid md:grid-cols-3 gap-6">
<div class="text-center p-4 bg-indigo-50 rounded-lg">
<h4 class="font-semibold text-indigo-700 mb-2">上游</h4>
<p class="text-sm text-gray-600">核心零部件、AI大模型、高性能芯片</p>
</div>
<div class="text-center p-4 bg-purple-50 rounded-lg">
<h4 class="font-semibold text-purple-700 mb-2">中游</h4>
<p class="text-sm text-gray-600">系统集成与整机制造、解决方案</p>
</div>
<div class="text-center p-4 bg-pink-50 rounded-lg">
<h4 class="font-semibold text-pink-700 mb-2">下游</h4>
<p class="text-sm text-gray-600">终端应用场景（工业、家庭、特种）</p>
</div>
</div>
</div>
</section>
<!-- 关联股票数据表格 -->
<section class="mb-12">
<h2 class="text-2xl font-bold mb-6 section-title">关联股票数据</h2>
<div class="table-container">
<table class="table w-full">
<thead>
<tr class="bg-gradient-to-r from-purple-600 to-blue-600 text-white">
<th class="p-3 text-left">股票名称</th>
<th class="p-3 text-left">行业</th>
<th class="p-3 text-left">项目</th>
<th class="p-3 text-left">产业链</th>
<th class="p-3 text-left">分类</th>
<th class="p-3 text-left">市值</th>
<th class="p-3 text-left">合作原因</th>
</tr>
</thead>
<tbody id="stockTableBody">
<!-- 数据将通过JavaScript动态填充 -->
</tbody>
</table>
</div>
</section>
</div>
</div>
<script>
// 初始化Vanta.js背景
VANTA.WAVES({
el: "#vanta-bg",
mouseControls: true,
touchControls: true,
gyroControls: false,
minHeight: 200.00,
minWidth: 200.00,
scale: 1.00,
scaleMobile: 1.00,
color: 0x1a365d,
shininess: 30.00,
waveHeight: 15.00,
waveSpeed: 0.75,
zoom: 0.65
});
// 处理股票数据
const stockData = [
{'stock': '均普智能', '行业': '代工', '项目': '智元', '产业链': '人形机器人', '分类': '供应商', '市值': '168', 'reason': '智元本体代工'},
{'stock': '宁波华翔', '行业': '代工', '项目': '智元', '产业链': '人形机器人', '分类': '供应商', '市值': '144', 'reason': '智元本体代工'},
{'stock': '博众精工', '行业': '代工', '项目': '智元', '产业链': '人形机器人', '分类': '供应商', '市值': '143', 'reason': '代工远征系列'},
{'stock': '蓝思科技', '行业': '代工', '项目': '智元', '产业链': '人形机器人', '分类': '供应商', '市值': '1,446', 'reason': '代工灵犀系列'},
{'stock': '禾川科技', '行业': '关节总成', '项目': '智元', '产业链': '人形机器人', '分类': '核心零部件', '市值': '74', 'reason': '/'},
{'stock': '领益智造', '行业': '关节总成', '项目': '智元', '产业链': '人形机器人', '分类': '核心零部件', '市值': '707', 'reason': '/'},
{'stock': '富临精工', '行业': '关节总成', '项目': '智元', '产业链': '人形机器人', '分类': '核心零部件', '市值': '248', 'reason': '关节总成'},
{'stock': '恒立液压', '行业': '关节总成', '项目': '智元', '产业链': '人形机器人', '分类': '核心零部件', '市值': '1,274', 'reason': '直线执行器对接中'},
{'stock': '恒立液压', '行业': '关节总成', '项目': '小米', '产业链': '小米产业链', '分类': '核心零部件', '市值': '1,274', 'reason': '直线关节执行器'},
{'stock': '瑞声科技', '行业': '灵巧手', '项目': '小米', '产业链': '小米产业链', '分类': '核心零部件', '市值': '553', 'reason': '灵巧手执行器'},
{'stock': '龙溪股份', '行业': '核心零部件', '项目': '小米', '产业链': '小米产业链', '分类': '关节轴承+连杆', '市值': '80', 'reason': '关节轴承+连杆'},
{'stock': '双环传动', '行业': '核心零部件', '项目': '小米', '产业链': '小米产业链', '分类': '减速器', '市值': '323', 'reason': '送样减速器'},
{'stock': '豪能股份', '行业': '核心零部件', '项目': '小米', '产业链': '小米产业链', '分类': '减速器', '市值': '120', 'reason': '送样减速器'},
{'stock': '凌云股份', '行业': '核心零部件', '项目': '小米', '产业链': '小米产业链', '分类': '六维力传感器', '市值': '167', 'reason': '送样六维力传感器'},
{'stock': '汉威科技', '行业': '其他', '项目': '小米', '产业链': '小米产业链', '分类': '传感器', '市值': '157', 'reason': '小米参股+检测设备+传感器'},
{'stock': '金杨股份', '行业': '其他', '项目': '小米', '产业链': '小米产业链', '分类': '检测设备', '市值': '67', 'reason': '小米参股+检测设备+传感器'},
{'stock': '绿的谐波', '行业': '减速器', '项目': '智元', '产业链': '人形机器人', '分类': '核心零部件', '市值': '305', 'reason': '谐波减速器核心供应商，批量供应'},
{'stock': '中大力德', '行业': '减速器', '项目': '智元', '产业链': '人形机器人', '分类': '核心零部件', '市值': '142', 'reason': '行星减速器核心供应商，批量供应'},
{'stock': '步科股份', '行业': '电机', '项目': '智元', '产业链': '人形机器人', '分类': '核心零部件', '市值': '82', 'reason': '无框力矩电机'},
{'stock': '华依科技', '行业': '电机', '项目': '智元', '产业链': '人形机器人', '分类': '核心零部件', '市值': '39', 'reason': 'IMU，批量供应'},
{'stock': '均胜电子', '行业': '传感器', '项目': '智元', '产业链': '人形机器人', '分类': '核心零部件', '市值': '268', 'reason': 'IMU、六维力传感器，批量供应'},
{'stock': '东华测试', '行业': '传感器', '项目': '智元', '产业链': '人形机器人', '分类': '核心零部件', '市值': '70', 'reason': '送样六维力传感器'},
{'stock': '安培龙', '行业': '传感器', '项目': '智元', '产业链': '人形机器人', '分类': '核心零部件', '市值': '107', 'reason': '送样力矩传感器'},
{'stock': '柯力传感', '行业': '传感器', '项目': '智元', '产业链': '人形机器人', '分类': '核心零部件', '市值': '212', 'reason': '送样六维力传感器'},
{'stock': '奥飞娱乐', '行业': '动捕', '项目': '智元', '产业链': '人形机器人', '分类': '设备采购', '市值': '140', 'reason': '采购诺亦腾动捕设备（奥飞参股5%）'},
{'stock': '凌云光', '行业': '动捕', '项目': '智元', '产业链': '人形机器人', '分类': '设备采购', '市值': '166', 'reason': '智元大模型真实数据受益'},
{'stock': '长华集团', '行业': '其他', '项目': '智元', '产业链': '人形机器人', '分类': '产业基金', '市值': '62', 'reason': '成立产业基金，公司是LP'},
{'stock': '震裕科技', '行业': '关节总成', '项目': '小米', '产业链': '小米产业链', '分类': '核心零部件', '市值': '207', 'reason': '执行器已通过验证'}
];
// 填充表格数据
const tableBody = document.getElementById('stockTableBody');
stockData.forEach((item, index) => {
const row = document.createElement('tr');
row.className = index % 2 === 0 ? 'bg-white' : 'bg-gray-50';
row.innerHTML = `
<td class="p-3 border-b font-medium">${item.stock}</td>
<td class="p-3 border-b">${item.行业}</td>
<td class="p-3 border-b">${item.项目}</td>
<td class="p-3 border-b">${item.产业链 || '-'}</td>
<td class="p-3 border-b">
<span class="px-2 py-1 text-xs rounded-full ${
item.分类.includes('核心') ? 'bg-purple-100 text-purple-800' :
item.分类.includes('供应商') ? 'bg-blue-100 text-blue-800' :
item.分类.includes('设备') ? 'bg-green-100 text-green-800' :
'bg-gray-100 text-gray-800'
}">${item.分类}</span>
</td>
<td class="p-3 border-b">${item.市值}亿</td>
<td class="p-3 border-b text-sm">${item.reason}</td>
`;
tableBody.appendChild(row);
});
</script>
</body>
</html>
```