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 495ad758ea
3338 changed files with 460147 additions and 152745 deletions
Download Patch File Download Diff File Expand all files Collapse all files

527
public/htmls/黑磷电池.html Normal file
View File

@@ -0,0 +1,527 @@
<!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/css?family=Inter:300,400,500,600,700,800" rel="stylesheet" />
<!-- Font Awesome Icons -->
<script src="https://kit.fontawesome.com/1d2b6c4f81.js" crossorigin="anonymous"></script>
<!-- Tailwind CSS -->
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
<!-- DaisyUI -->
<link href="https://cdn.jsdelivr.net/npm/daisyui@5" rel="stylesheet" type="text/css" />
<link href="https://cdn.jsdelivr.net/npm/daisyui@5/themes.css" rel="stylesheet" type="text/css" />
<style>
body {
font-family: 'Inter', sans-serif;
background-color: #0f172a;
color: #e2e8f0;
}
.gradient-text {
background: linear-gradient(90deg, #3b82f6, #8b5cf6);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.card {
backdrop-filter: blur(10px);
background-color: rgba(15, 23, 42, 0.7);
border: 1px solid rgba(255, 255, 255, 0.1);
}
.timeline-dot {
width: 12px;
height: 12px;
background-color: #3b82f6;
border-radius: 50%;
position: absolute;
left: -6px;
top: 6px;
}
.timeline-line {
position: absolute;
left: 0;
top: 12px;
bottom: -12px;
width: 1px;
background-color: rgba(255, 255, 255, 0.2);
}
.mermaid {
background-color: rgba(15, 23, 42, 0.7);
border-radius: 0.5rem;
padding: 1rem;
margin: 1rem 0;
}
#particles-js {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: -1;
}
.table-container {
overflow-x: auto;
}
</style>
</head>
<body>
<div id="particles-js"></div>
<div class="container mx-auto px-4 py-8 max-w-6xl">
<!-- 标题部分 -->
<div class="text-center mb-12 mt-6">
<h1 class="text-4xl md:text-5xl font-bold mb-4 gradient-text">黑磷电池概念深度解析</h1>
<p class="text-lg text-gray-300 max-w-3xl mx-auto">下一代高能量密度电池技术的产业前景与投资机会分析</p>
</div>
<!-- 概念事件部分 -->
<div class="card rounded-xl shadow-lg p-6 mb-8">
<h2 class="text-2xl font-bold mb-6 text-blue-400 flex items-center">
<i class="fas fa-history mr-3"></i>概念事件时间轴
</h2>
<div class="space-y-6">
<div class="flex">
<div class="flex flex-col items-center mr-4 relative">
<div class="timeline-dot"></div>
<div class="timeline-line"></div>
</div>
<div class="pb-6">
<div class="text-blue-400 font-semibold">2024年12月30日</div>
<p class="mt-1">市场传闻称华为Mate70将搭载黑磷电池，性能为传统电池7倍，充电10分钟续航1000公里（来源：社交媒体爆料）</p>
</div>
</div>
<div class="flex">
<div class="flex flex-col items-center mr-4 relative">
<div class="timeline-dot"></div>
<div class="timeline-line"></div>
</div>
<div class="pb-6">
<div class="text-blue-400 font-semibold">2024年10月29日</div>
<p class="mt-1">兴发集团在业绩交流会确认，华为向其采购黑磷用于电池实验，但尚未商业化（路演记录）</p>
</div>
</div>
<div class="flex">
<div class="flex flex-col items-center mr-4 relative">
<div class="timeline-dot"></div>
<div class="timeline-line"></div>
</div>
<div class="pb-6">
<div class="text-blue-400 font-semibold">2025年1月20日</div>
<p class="mt-1">兴发集团透露黑磷已实现100公斤级量产，但吨成本高达100万元，产业化仍需降本（路演记录）</p>
</div>
</div>
<div class="flex">
<div class="flex flex-col items-center mr-4 relative">
<div class="timeline-dot"></div>
</div>
<div>
<div class="text-blue-400 font-semibold">2025年6月25日</div>
<p class="mt-1">社交媒体再次炒作"华为黑磷电池遥遥领先"，关联公司兴发集团、司尔特股价异动（新闻数据）</p>
</div>
</div>
</div>
</div>
<!-- 核心观点摘要 -->
<div class="card rounded-xl shadow-lg p-6 mb-8">
<h2 class="text-2xl font-bold mb-6 text-purple-400 flex items-center">
<i class="fas fa-lightbulb mr-3"></i>核心观点摘要
</h2>
<div class="grid grid-cols-1 md:grid-cols-3 gap-6">
<div class="bg-gray-800 bg-opacity-50 p-5 rounded-lg">
<div class="text-lg font-semibold text-purple-400 mb-2">阶段判断</div>
<p>黑磷电池处于实验室到产业化的临界点，技术验证已完成（100kg级量产），但成本过高（100万/吨）是商业化最大障碍。</p>
</div>
<div class="bg-gray-800 bg-opacity-50 p-5 rounded-lg">
<div class="text-lg font-semibold text-purple-400 mb-2">核心驱动力</div>
<p>华为等头部企业需求牵引（实验性采购）+ 磷矿资源企业布局（兴发集团、司尔特）。</p>
</div>
<div class="bg-gray-800 bg-opacity-50 p-5 rounded-lg">
<div class="text-lg font-semibold text-purple-400 mb-2">未来潜力</div>
<p>若成本降至10万/吨以下（当前1/10），有望在高端消费电子（如AI眼镜、无人机）率先突破，长期看或替代部分石墨负极市场。</p>
</div>
</div>
</div>
<!-- 核心逻辑与市场认知分析 -->
<div class="card rounded-xl shadow-lg p-6 mb-8">
<h2 class="text-2xl font-bold mb-6 text-cyan-400 flex items-center">
<i class="fas fa-brain mr-3"></i>核心逻辑与市场认知分析
</h2>
<div class="mb-6">
<h3 class="text-xl font-semibold mb-4 text-cyan-400">核心驱动力</h3>
<ul class="space-y-3">
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-3"></i>
<div><strong>技术突破</strong>：黑磷负极理论容量是石墨的7倍（2596 vs 372 mAh/g），且支持快充（华为实验数据）。</div>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-3"></i>
<div><strong>需求场景</strong>：AI端侧设备（如AR眼镜）对高能量密度+异形电池需求迫切（海通、国海研报）。</div>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-3"></i>
<div><strong>资源端优势</strong>：中国掌控全球80%磷矿储量，兴发集团等具备从磷矿到黑磷的一体化能力（兴发集团拥有1.5亿吨高品位磷矿）。</div>
</li>
</ul>
</div>
<div class="mb-6">
<h3 class="text-xl font-semibold mb-4 text-cyan-400">市场热度与情绪</h3>
<ul class="space-y-3">
<li class="flex items-start">
<i class="fas fa-newspaper text-yellow-500 mt-1 mr-3"></i>
<div><strong>新闻端</strong>：2025年6月25日"华为黑磷电池"话题引爆，但无官方证实，属情绪炒作。</div>
</li>
<li class="flex items-start">
<i class="fas fa-chart-line text-yellow-500 mt-1 mr-3"></i>
<div><strong>路演端</strong>：兴发集团明确黑磷为"实验室产品"，商业化需1吨级规模（当前仅100kg），预期差显著。</div>
</li>
<li class="flex items-start">
<i class="fas fa-file-alt text-yellow-500 mt-1 mr-3"></i>
<div><strong>研报端</strong>：零覆盖——所有锂电周报均未提及黑磷，显示主流机构尚未认可。</div>
</li>
</ul>
</div>
<div>
<h3 class="text-xl font-semibold mb-4 text-cyan-400">预期差分析</h3>
<div class="overflow-x-auto">
<table class="min-w-full bg-gray-800 bg-opacity-50 rounded-lg">
<thead>
<tr class="bg-gray-700 bg-opacity-50">
<th class="py-3 px-4 text-left">市场叙事</th>
<th class="py-3 px-4 text-left">实际进展</th>
<th class="py-3 px-4 text-left">风险点</th>
</tr>
</thead>
<tbody>
<tr class="border-b border-gray-700">
<td class="py-3 px-4">华为Mate70量产黑磷电池</td>
<td class="py-3 px-4">兴发集团：仅供应实验级黑磷</td>
<td class="py-3 px-4 text-red-400">无车企/电池厂公开合作</td>
</tr>
<tr class="border-b border-gray-700">
<td class="py-3 px-4">黑磷成本即将下降</td>
<td class="py-3 px-4">当前吨成本100万元（兴发集团）</td>
<td class="py-3 px-4 text-red-400">降本路径未披露，无时间表</td>
</tr>
<tr>
<td class="py-3 px-4">替代石墨负极</td>
<td class="py-3 px-4">需解决循环稳定性差问题</td>
<td class="py-3 px-4 text-red-400">技术瓶颈未突破（文献证实）</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<!-- 关键催化剂与未来发展路径 -->
<div class="card rounded-xl shadow-lg p-6 mb-8">
<h2 class="text-2xl font-bold mb-6 text-green-400 flex items-center">
<i class="fas fa-rocket mr-3"></i>关键催化剂与未来发展路径
</h2>
<div class="mb-6">
<h3 class="text-xl font-semibold mb-4 text-green-400">近期催化剂（3-6个月）</h3>
<ul class="space-y-3">
<li class="flex items-start">
<i class="fas fa-flask text-blue-500 mt-1 mr-3"></i>
<div><strong>华为验证结果</strong>：若华为公布黑磷电池实验室循环数据（如>500次），将强化技术可信度。</div>
</li>
<li class="flex items-start">
<i class="fas fa-industry text-blue-500 mt-1 mr-3"></i>
<div><strong>兴发集团扩产</strong>：计划2025年黑磷产能从100kg→1吨（路演提及），需跟踪设备招标。</div>
</li>
<li class="flex items-start">
<i class="fas fa-landmark text-blue-500 mt-1 mr-3"></i>
<div><strong>政策端</strong>：工信部若将黑磷纳入"新材料首批次应用示范目录"，将加速下游测试。</div>
</li>
</ul>
</div>
<div>
<h3 class="text-xl font-semibold mb-4 text-green-400">长期发展路径</h3>
<div class="mermaid">
<div class="flex flex-col md:flex-row items-center justify-between">
<div class="bg-blue-900 bg-opacity-50 p-4 rounded-lg text-center mb-4 md:mb-0 md:w-1/4">
<div class="font-bold text-blue-400">实验室阶段</div>
<div class="text-sm mt-2">当前状态</div>
</div>
<div class="text-2xl text-gray-400 mb-4 md:mb-0">→</div>
<div class="bg-purple-900 bg-opacity-50 p-4 rounded-lg text-center mb-4 md:mb-0 md:w-1/4">
<div class="font-bold text-purple-400">吨级量产降本</div>
<div class="text-sm mt-2">2025-2026</div>
</div>
<div class="text-2xl text-gray-400 mb-4 md:mb-0">→</div>
<div class="bg-green-900 bg-opacity-50 p-4 rounded-lg text-center mb-4 md:mb-0 md:w-1/4">
<div class="font-bold text-green-400">消费电子渗透</div>
<div class="text-sm mt-2">2027-2028</div>
</div>
<div class="text-2xl text-gray-400 mb-4 md:mb-0">→</div>
<div class="bg-yellow-900 bg-opacity-50 p-4 rounded-lg text-center md:w-1/4">
<div class="font-bold text-yellow-400">动力电池验证</div>
<div class="text-sm mt-2">2029+</div>
</div>
</div>
</div>
</div>
</div>
<!-- 产业链与核心公司深度剖析 -->
<div class="card rounded-xl shadow-lg p-6 mb-8">
<h2 class="text-2xl font-bold mb-6 text-yellow-400 flex items-center">
<i class="fas fa-sitemap mr-3"></i>产业链与核心公司深度剖析
</h2>
<div class="mb-6">
<h3 class="text-xl font-semibold mb-4 text-yellow-400">产业链图谱</h3>
<div class="flex flex-col md:flex-row items-center justify-between bg-gray-800 bg-opacity-50 p-4 rounded-lg">
<div class="text-center mb-4 md:mb-0 md:w-1/3">
<div class="font-bold text-blue-400">上游</div>
<div class="mt-2">磷矿→黄磷→黑磷</div>
<div class="text-sm text-gray-400 mt-1">兴发集团、司尔特</div>
</div>
<div class="text-2xl text-gray-400 mb-4 md:mb-0">→</div>
<div class="text-center mb-4 md:mb-0 md:w-1/3">
<div class="font-bold text-purple-400">中游</div>
<div class="mt-2">黑磷负极材料→电池制造</div>
<div class="text-sm text-gray-400 mt-1">安泰科技、国轩高科</div>
</div>
<div class="text-2xl text-gray-400 mb-4 md:mb-0">→</div>
<div class="text-center md:w-1/3">
<div class="font-bold text-green-400">下游</div>
<div class="mt-2">消费电子、无人机、军工电池</div>
<div class="text-sm text-gray-400 mt-1">华为AI眼镜等</div>
</div>
</div>
</div>
<div>
<h3 class="text-xl font-semibold mb-4 text-yellow-400">核心玩家对比</h3>
<div class="overflow-x-auto">
<table class="min-w-full bg-gray-800 bg-opacity-50 rounded-lg">
<thead>
<tr class="bg-gray-700 bg-opacity-50">
<th class="py-3 px-4 text-left">公司</th>
<th class="py-3 px-4 text-left">角色</th>
<th class="py-3 px-4 text-left">进展</th>
<th class="py-3 px-4 text-left">风险</th>
</tr>
</thead>
<tbody>
<tr class="border-b border-gray-700">
<td class="py-3 px-4 font-semibold">兴发集团</td>
<td class="py-3 px-4">黑磷原料龙头</td>
<td class="py-3 px-4">100kg量产，华为实验供应商</td>
<td class="py-3 px-4 text-red-400">成本过高，无商业化订单</td>
</tr>
<tr class="border-b border-gray-700">
<td class="py-3 px-4 font-semibold">司尔特</td>
<td class="py-3 px-4">磷矿资源+硫铁矿</td>
<td class="py-3 px-4">300万吨磷矿开工，硫铁矿用于固态电解质</td>
<td class="py-3 px-4 text-red-400">黑磷业务未启动，概念炒作</td>
</tr>
<tr class="border-b border-gray-700">
<td class="py-3 px-4 font-semibold">安泰科技</td>
<td class="py-3 px-4">负极材料专利</td>
<td class="py-3 px-4">黑磷基复合负极专利（CN114512021A）</td>
<td class="py-3 px-4 text-red-400">无量产能力</td>
</tr>
<tr>
<td class="py-3 px-4 font-semibold">国轩高科</td>
<td class="py-3 px-4">电池制造</td>
<td class="py-3 px-4">黑磷电池专利（CN115676668A）</td>
<td class="py-3 px-4 text-red-400">未披露实验数据</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<!-- 潜在风险与挑战 -->
<div class="card rounded-xl shadow-lg p-6 mb-8">
<h2 class="text-2xl font-bold mb-6 text-red-400 flex items-center">
<i class="fas fa-exclamation-triangle mr-3"></i>潜在风险与挑战
</h2>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<div class="bg-red-900 bg-opacity-20 p-5 rounded-lg border border-red-800">
<div class="text-lg font-semibold text-red-400 mb-2">技术风险</div>
<p>黑磷循环寿命差（文献显示&lt;200次），需包覆改性，技术未突破。</p>
</div>
<div class="bg-red-900 bg-opacity-20 p-5 rounded-lg border border-red-800">
<div class="text-lg font-semibold text-red-400 mb-2">商业化风险</div>
<p>成本100万/吨 vs 石墨负极5万/吨，价差20倍，无经济性。</p>
</div>
<div class="bg-red-900 bg-opacity-20 p-5 rounded-lg border border-red-800">
<div class="text-lg font-semibold text-red-400 mb-2">竞争风险</div>
<p>硅碳负极（已量产）和锂金属负极（宁德时代研发）替代路径更成熟。</p>
</div>
<div class="bg-red-900 bg-opacity-20 p-5 rounded-lg border border-red-800">
<div class="text-lg font-semibold text-red-400 mb-2">信息矛盾</div>
<p>新闻称"华为Mate70搭载"，但华为官方零回应，兴发集团称"仅实验"，属谣言。</p>
</div>
</div>
</div>
<!-- 综合结论与投资启示 -->
<div class="card rounded-xl shadow-lg p-6 mb-8">
<h2 class="text-2xl font-bold mb-6 text-indigo-400 flex items-center">
<i class="fas fa-chart-line mr-3"></i>综合结论与投资启示
</h2>
<div class="mb-6">
<div class="bg-indigo-900 bg-opacity-30 p-5 rounded-lg border border-indigo-800 mb-6">
<div class="text-lg font-semibold text-indigo-400 mb-2">阶段判断</div>
<p>主题炒作阶段，无基本面支撑，类似2023年钠离子电池概念。</p>
</div>
<h3 class="text-xl font-semibold mb-4 text-indigo-400">投资方向</h3>
<div class="space-y-4">
<div class="bg-gray-800 bg-opacity-50 p-5 rounded-lg">
<div class="text-lg font-semibold text-blue-400 mb-2">短期</div>
<p>回避纯概念标的（如司尔特），关注磷矿涨价驱动的兴发集团（主业草甘膦+磷矿高景气）。</p>
</div>
<div class="bg-gray-800 bg-opacity-50 p-5 rounded-lg">
<div class="text-lg font-semibold text-purple-400 mb-2">长期</div>
<p>跟踪降本技术突破（如气相沉积法量产），若成本降至10万/吨，布局消费电子电池供应链（德赛电池、珠海冠宇）。</p>
</div>
</div>
</div>
<div>
<h3 class="text-xl font-semibold mb-4 text-indigo-400">关键跟踪指标</h3>
<ul class="space-y-3">
<li class="flex items-start">
<i class="fas fa-tachometer-alt text-green-500 mt-1 mr-3"></i>
<div><strong>兴发集团黑磷产能扩张进度</strong>（2025年能否达1吨）。</div>
</li>
<li class="flex items-start">
<i class="fas fa-file-contract text-green-500 mt-1 mr-3"></i>
<div><strong>华为/宁德时代黑磷电池专利公开数据</strong>（循环寿命、能量密度）。</div>
</li>
<li class="flex items-start">
<i class="fas fa-coins text-green-500 mt-1 mr-3"></i>
<div><strong>磷矿价格</strong>（27%品位磷矿现价1000元/吨，若涨至1500元/吨，将强化资源端逻辑）。</div>
</li>
</ul>
</div>
</div>
<!-- 关联股票数据表格 -->
<div class="card rounded-xl shadow-lg p-6 mb-8">
<h2 class="text-2xl font-bold mb-6 text-pink-400 flex items-center">
<i class="fas fa-table mr-3"></i>关联股票数据
</h2>
<div class="table-container">
<table class="min-w-full bg-gray-800 bg-opacity-50 rounded-lg">
<thead>
<tr class="bg-gray-700 bg-opacity-50">
<th class="py-3 px-4 text-left">股票名称</th>
<th class="py-3 px-4 text-left">行业</th>
<th class="py-3 px-4 text-left">项目</th>
<th class="py-3 px-4 text-left">产业链</th>
<th class="py-3 px-4 text-left">关联原因</th>
</tr>
</thead>
<tbody>
<tr class="border-b border-gray-700">
<td class="py-3 px-4 font-semibold">瑞丰高材</td>
<td class="py-3 px-4">新材料</td>
<td class="py-3 px-4">黑磷及黑磷烯材料业务</td>
<td class="py-3 px-4">上游材料供应</td>
<td class="py-3 px-4">公司投资了黑磷及黑磷烯材料业务，并计划通过工艺放大试验实现低成本规模化制备黑磷的目标</td>
</tr>
<tr class="border-b border-gray-700">
<td class="py-3 px-4 font-semibold">兴发集团</td>
<td class="py-3 px-4">化工/新材料</td>
<td class="py-3 px-4">黑磷供应</td>
<td class="py-3 px-4">原材料供应</td>
<td class="py-3 px-4">是国内黑磷主要供应商，华为此前向其购买黑磷用于黑磷电池实验</td>
</tr>
<tr class="border-b border-gray-700">
<td class="py-3 px-4 font-semibold">安泰科技</td>
<td class="py-3 px-4">先进新材料</td>
<td class="py-3 px-4">黑磷基复合负极材料专利</td>
<td class="py-3 px-4">电池材料研发</td>
<td class="py-3 px-4">拥有黑磷基复合负极材料及其制备方法的专利，属于先进新材料领域领军企业</td>
</tr>
<tr>
<td class="py-3 px-4 font-semibold">国轩高科</td>
<td class="py-3 px-4">锂电池</td>
<td class="py-3 px-4">黑磷相关专利</td>
<td class="py-3 px-4">电池制造</td>
<td class="py-3 px-4">主营业务涵盖动力电池系统、储能电池系统和输配电设备，已取得黑磷相关专利</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/tsparticles@3/tsparticles.bundle.min.js"></script>
<script>
// 初始化粒子背景
tsParticles.load("particles-js", {
fpsLimit: 60,
particles: {
color: {
value: "#3b82f6"
},
links: {
color: "#3b82f6",
distance: 150,
enable: true,
opacity: 0.3,
width: 1
},
move: {
direction: "none",
enable: true,
outModes: {
default: "bounce"
},
random: true,
speed: 2,
straight: false
},
number: {
density: {
enable: true,
area: 800
},
value: 60
},
opacity: {
value: 0.3
},
shape: {
type: "circle"
},
size: {
value: { min: 1, max: 3 }
}
},
detectRetina: true
});
</script>
</body>
</html>
```