505 lines
22 KiB
HTML
505 lines
22 KiB
HTML
|
||
<!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" />
|
||
<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" rel="stylesheet" type="text/css" />
|
||
<link href="https://cdn.jsdelivr.net/npm/daisyui@5/themes.css" rel="stylesheet" type="text/css" />
|
||
<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
|
||
<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>
|
||
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&display=swap');
|
||
|
||
body {
|
||
font-family: 'Noto Sans SC', 'Inter', sans-serif;
|
||
background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
|
||
color: #e2e8f0;
|
||
min-height: 100vh;
|
||
}
|
||
|
||
.glass-card {
|
||
background: rgba(30, 41, 59, 0.7);
|
||
backdrop-filter: blur(10px);
|
||
border: 1px solid rgba(148, 163, 184, 0.2);
|
||
box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
|
||
}
|
||
|
||
.timeline-item::before {
|
||
content: '';
|
||
position: absolute;
|
||
left: -6px;
|
||
top: 0;
|
||
width: 12px;
|
||
height: 12px;
|
||
border-radius: 50%;
|
||
background: #3b82f6;
|
||
border: 2px solid #1e293b;
|
||
}
|
||
|
||
.timeline-line {
|
||
position: absolute;
|
||
left: 0;
|
||
top: 12px;
|
||
bottom: -12px;
|
||
width: 2px;
|
||
background: #334155;
|
||
}
|
||
|
||
.gradient-text {
|
||
background: linear-gradient(90deg, #3b82f6, #10b981);
|
||
-webkit-background-clip: text;
|
||
-webkit-text-fill-color: transparent;
|
||
background-clip: text;
|
||
}
|
||
|
||
.table-container {
|
||
overflow-x: auto;
|
||
}
|
||
|
||
.table-container table {
|
||
min-width: 100%;
|
||
}
|
||
|
||
@media (max-width: 768px) {
|
||
.glass-card {
|
||
margin: 0.5rem;
|
||
}
|
||
}
|
||
|
||
.particle-container {
|
||
position: fixed;
|
||
top: 0;
|
||
left: 0;
|
||
width: 100%;
|
||
height: 100%;
|
||
z-index: -1;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div id="particles-js" class="particle-container"></div>
|
||
|
||
<div class="container mx-auto px-4 py-8 max-w-6xl">
|
||
<!-- 标题部分 -->
|
||
<div class="text-center mb-12">
|
||
<h1 class="text-4xl md:text-5xl font-bold mb-4 gradient-text">储能行业分析报告</h1>
|
||
<p class="text-lg text-slate-300">从政策驱动到收益率驱动的行业转型</p>
|
||
</div>
|
||
|
||
<!-- 概念事件时间轴 -->
|
||
<div class="glass-card rounded-xl p-6 mb-8">
|
||
<h2 class="text-2xl font-bold mb-6 text-blue-400">概念事件时间轴</h2>
|
||
<div class="relative pl-8">
|
||
<div class="timeline-line"></div>
|
||
|
||
<div class="timeline-item relative pb-8">
|
||
<h3 class="text-xl font-semibold mb-2 text-green-400">2021-2023：政策顶层设计</h3>
|
||
<p class="text-slate-300">633号文（2021）确立抽水蓄能6.5%资本金IRR，533号文（2023）首次核价，行业从"无序扩张"转向"成本监审"。</p>
|
||
</div>
|
||
|
||
<div class="timeline-item relative pb-8">
|
||
<h3 class="text-xl font-semibold mb-2 text-green-400">2023Q4-2024Q2：国内大储招标爆发</h3>
|
||
<p class="text-slate-300">2024年1-8月招标112GWh（+29%），9月单周2.24GWh创历史新高；甘肃、山东等省陆续出台容量电价（110-330元/kW·年），商业模式从"政策驱动"转向"收益率驱动"。</p>
|
||
</div>
|
||
|
||
<div class="timeline-item relative pb-8">
|
||
<h3 class="text-xl font-semibold mb-2 text-green-400">2024Q3：海外需求共振</h3>
|
||
<p class="text-slate-300">美国ITC补贴落地（30%抵免），欧洲负电价天数6470次倒逼储能装机，中东沙特SEC-III（2.5GW/10GWh）、阿联酋19GWh项目密集招标。</p>
|
||
</div>
|
||
|
||
<div class="timeline-item relative">
|
||
<h3 class="text-xl font-semibold mb-2 text-green-400">2024Q4-2025Q1：技术路线分化</h3>
|
||
<p class="text-slate-300">钠离子电池循环寿命突破8000次，压缩空气储能效率达70%，液流电池成本降至2元/Wh；国内2h储能系统中标价跌至0.54元/Wh（2024年12月），逼近成本极限。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 核心观点摘要 -->
|
||
<div class="glass-card rounded-xl p-6 mb-8">
|
||
<h2 class="text-2xl font-bold mb-6 text-blue-400">核心观点摘要</h2>
|
||
<div class="grid md:grid-cols-2 gap-6">
|
||
<div class="bg-slate-800 bg-opacity-50 rounded-lg p-5">
|
||
<h3 class="text-lg font-semibold mb-3 text-green-400">阶段判断</h3>
|
||
<p class="text-slate-300">储能行业正从"政策强配"的1.0阶段迈入"光储平价+现货市场"的2.0阶段，2025年全球装机预计287GWh（+47%），长时储能（4h+）占比将超50%。</p>
|
||
</div>
|
||
<div class="bg-slate-800 bg-opacity-50 rounded-lg p-5">
|
||
<h3 class="text-lg font-semibold mb-3 text-green-400">核心矛盾</h3>
|
||
<p class="text-slate-300">短期看国内价格战（系统价0.5元/Wh以下）出清二线产能，长期看海外高盈利市场（欧美0.3-0.4美元/Wh）的供应链卡位。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 核心逻辑与市场认知分析 -->
|
||
<div class="glass-card rounded-xl p-6 mb-8">
|
||
<h2 class="text-2xl font-bold mb-6 text-blue-400">核心逻辑与市场认知分析</h2>
|
||
|
||
<div class="mb-6">
|
||
<h3 class="text-xl font-semibold mb-4 text-green-400">驱动力拆解</h3>
|
||
<div class="space-y-4">
|
||
<div class="flex items-start">
|
||
<div class="bg-blue-500 rounded-full w-6 h-6 flex items-center justify-center mr-3 mt-1 flex-shrink-0">
|
||
<span class="text-xs font-bold">1</span>
|
||
</div>
|
||
<div>
|
||
<h4 class="font-semibold text-slate-200">政策刚性</h4>
|
||
<p class="text-slate-300">中国2025年强制配储比例15%-20%（山东已要求30%），美国IRA补贴延长至2033年，欧盟2030年储能目标500GW。</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex items-start">
|
||
<div class="bg-blue-500 rounded-full w-6 h-6 flex items-center justify-center mr-3 mt-1 flex-shrink-0">
|
||
<span class="text-xs font-bold">2</span>
|
||
</div>
|
||
<div>
|
||
<h4 class="font-semibold text-slate-200">经济性拐点</h4>
|
||
<p class="text-slate-300">国内光伏+储能LCOE在西部已低于0.3元/kWh（2024年数据），印度储能替代HVDC方案成本低38%。</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex items-start">
|
||
<div class="bg-blue-500 rounded-full w-6 h-6 flex items-center justify-center mr-3 mt-1 flex-shrink-0">
|
||
<span class="text-xs font-bold">3</span>
|
||
</div>
|
||
<div>
|
||
<h4 class="font-semibold text-slate-200">技术代际更替</h4>
|
||
<p class="text-slate-300">磷酸铁锂向钠离子/液流电池切换，2025年钠电成本或低于锂电30%。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div>
|
||
<h3 class="text-xl font-semibold mb-4 text-green-400">预期差</h3>
|
||
<div class="bg-slate-800 bg-opacity-50 rounded-lg p-5">
|
||
<div class="grid md:grid-cols-2 gap-4">
|
||
<div>
|
||
<h4 class="font-semibold text-slate-200 mb-2">市场共识</h4>
|
||
<p class="text-slate-300">2024年国内大储装机50GWh（东吴预测）。</p>
|
||
</div>
|
||
<div>
|
||
<h4 class="font-semibold text-slate-200 mb-2">预期差</h4>
|
||
<p class="text-slate-300">甘肃容量电价测算显示独立储能IRR可达8%+（长江电新），但市场仍按"政策博弈"定价，未反映现货市场收益。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 催化剂与路径 -->
|
||
<div class="glass-card rounded-xl p-6 mb-8">
|
||
<h2 class="text-2xl font-bold mb-6 text-blue-400">催化剂与路径</h2>
|
||
|
||
<div class="grid md:grid-cols-2 gap-6">
|
||
<div>
|
||
<h3 class="text-xl font-semibold mb-4 text-green-400">近期（3-6个月）</h3>
|
||
<div class="space-y-3">
|
||
<div class="bg-slate-800 bg-opacity-50 rounded-lg p-4">
|
||
<h4 class="font-semibold text-slate-200 mb-1">国内</h4>
|
||
<p class="text-slate-300">2025年各省现货市场长周期试运行（山东/甘肃已启动），容量电价细则落地。</p>
|
||
</div>
|
||
<div class="bg-slate-800 bg-opacity-50 rounded-lg p-4">
|
||
<h4 class="font-semibold text-slate-200 mb-1">海外</h4>
|
||
<p class="text-slate-300">沙特SEC-III（10GWh）Q3开标，阳光电源/宁德时代份额超50%。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div>
|
||
<h3 class="text-xl font-semibold mb-4 text-green-400">长期路径</h3>
|
||
<div class="bg-slate-800 bg-opacity-50 rounded-lg p-4 h-full">
|
||
<p class="text-slate-300">2025-2027：技术分化（钠电/液流电池商业化）→ 2028-2030：长时储能占比50%+，氢储能跨季节调峰。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 产业链与核心公司 -->
|
||
<div class="glass-card rounded-xl p-6 mb-8">
|
||
<h2 class="text-2xl font-bold mb-6 text-blue-400">产业链与核心公司</h2>
|
||
|
||
<div class="mb-6">
|
||
<h3 class="text-xl font-semibold mb-4 text-green-400">产业链图谱</h3>
|
||
<div class="bg-slate-800 bg-opacity-50 rounded-lg p-5">
|
||
<pre class="text-slate-300 whitespace-pre-wrap">上游：锂/钒资源（宁德时代、钒钛股份）
|
||
中游：电池（宁德时代/亿纬锂能）→ PCS（阳光电源/上能电气）→ 系统集成（阳光电源/海博思创）
|
||
下游：大储（南网储能）、户储（德业股份）、工商储（盛弘股份）</pre>
|
||
</div>
|
||
</div>
|
||
|
||
<div>
|
||
<h3 class="text-xl font-semibold mb-4 text-green-400">核心玩家对比</h3>
|
||
<div class="overflow-x-auto">
|
||
<table class="min-w-full bg-slate-800 bg-opacity-50 rounded-lg">
|
||
<thead>
|
||
<tr class="border-b border-slate-700">
|
||
<th class="py-3 px-4 text-left text-slate-200 font-semibold">公司</th>
|
||
<th class="py-3 px-4 text-left text-slate-200 font-semibold">逻辑纯度</th>
|
||
<th class="py-3 px-4 text-left text-slate-200 font-semibold">2024年储能出货</th>
|
||
<th class="py-3 px-4 text-left text-slate-200 font-semibold">海外占比</th>
|
||
<th class="py-3 px-4 text-left text-slate-200 font-semibold">风险点</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr class="border-b border-slate-700">
|
||
<td class="py-3 px-4 text-slate-300 font-medium">阳光电源</td>
|
||
<td class="py-3 px-4 text-slate-300">系统集成龙头</td>
|
||
<td class="py-3 px-4 text-slate-300">20GWh（大储）</td>
|
||
<td class="py-3 px-4 text-slate-300">80%</td>
|
||
<td class="py-3 px-4 text-slate-300">美国关税豁免2025年到期</td>
|
||
</tr>
|
||
<tr class="border-b border-slate-700">
|
||
<td class="py-3 px-4 text-slate-300 font-medium">宁德时代</td>
|
||
<td class="py-3 px-4 text-slate-300">电池绝对龙头</td>
|
||
<td class="py-3 px-4 text-slate-300">90GWh（全球）</td>
|
||
<td class="py-3 px-4 text-slate-300">60%</td>
|
||
<td class="py-3 px-4 text-slate-300">钠电技术替代风险</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="py-3 px-4 text-slate-300 font-medium">南网储能</td>
|
||
<td class="py-3 px-4 text-slate-300">抽水蓄能运营商</td>
|
||
<td class="py-3 px-4 text-slate-300">240万千瓦（2025投产）</td>
|
||
<td class="py-3 px-4 text-slate-300">0%</td>
|
||
<td class="py-3 px-4 text-slate-300">容量电价6.5%IRR锁定</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="mt-6">
|
||
<h3 class="text-xl font-semibold mb-4 text-green-400">验证点</h3>
|
||
<div class="space-y-3">
|
||
<div class="bg-slate-800 bg-opacity-50 rounded-lg p-4">
|
||
<p class="text-slate-300">阳光电源中东项目毛利率35%+（路演数据），显著高于国内15%，印证海外溢价逻辑。</p>
|
||
</div>
|
||
<div class="bg-slate-800 bg-opacity-50 rounded-lg p-4">
|
||
<p class="text-slate-300">南网储能2024年新型储能装机仅42万千瓦（规划200万），政策延迟导致预期落空。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 风险与挑战 -->
|
||
<div class="glass-card rounded-xl p-6 mb-8">
|
||
<h2 class="text-2xl font-bold mb-6 text-blue-400">风险与挑战</h2>
|
||
<div class="grid md:grid-cols-2 gap-6">
|
||
<div class="space-y-4">
|
||
<div class="bg-red-900 bg-opacity-30 border border-red-700 rounded-lg p-4">
|
||
<h3 class="text-lg font-semibold mb-2 text-red-400">技术风险</h3>
|
||
<p class="text-slate-300">钠离子电池循环寿命8000次仍未验证（传艺科技2025年量产）。</p>
|
||
</div>
|
||
|
||
<div class="bg-red-900 bg-opacity-30 border border-red-700 rounded-lg p-4">
|
||
<h3 class="text-lg font-semibold mb-2 text-red-400">商业化风险</h3>
|
||
<p class="text-slate-300">国内储能系统价0.5元/Wh已低于部分厂商现金成本（亿纬锂能铁锂电芯成本0.32元/Wh）。</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="space-y-4">
|
||
<div class="bg-red-900 bg-opacity-30 border border-red-700 rounded-lg p-4">
|
||
<h3 class="text-lg font-semibold mb-2 text-red-400">政策风险</h3>
|
||
<p class="text-slate-300">美国ITC补贴若2025年退坡，海外需求或骤降。</p>
|
||
</div>
|
||
|
||
<div class="bg-red-900 bg-opacity-30 border border-red-700 rounded-lg p-4">
|
||
<h3 class="text-lg font-semibold mb-2 text-red-400">信息矛盾</h3>
|
||
<p class="text-slate-300">研报预测2025年全球大储148GWh，但印度/中东项目招标已超50GWh，存在需求低估可能。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 结论与投资启示 -->
|
||
<div class="glass-card rounded-xl p-6 mb-8">
|
||
<h2 class="text-2xl font-bold mb-6 text-blue-400">结论与投资启示</h2>
|
||
|
||
<div class="mb-6">
|
||
<h3 class="text-xl font-semibold mb-4 text-green-400">阶段判断</h3>
|
||
<div class="bg-slate-800 bg-opacity-50 rounded-lg p-5">
|
||
<p class="text-slate-300">行业处于"基本面驱动早期"，价格战加速产能出清，龙头将享受海外高盈利。</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="mb-6">
|
||
<h3 class="text-xl font-semibold mb-4 text-green-400">投资方向</h3>
|
||
<div class="space-y-3">
|
||
<div class="bg-slate-800 bg-opacity-50 rounded-lg p-4">
|
||
<h4 class="font-semibold text-slate-200 mb-1">海外大储链</h4>
|
||
<p class="text-slate-300">阳光电源（系统集成）、上能电气（PCS出海中东）。</p>
|
||
</div>
|
||
<div class="bg-slate-800 bg-opacity-50 rounded-lg p-4">
|
||
<h4 class="font-semibold text-slate-200 mb-1">技术迭代</h4>
|
||
<p class="text-slate-300">钒钛股份（全钒液流电池）、传艺科技（钠电）。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div>
|
||
<h3 class="text-xl font-semibold mb-4 text-green-400">跟踪指标</h3>
|
||
<div class="grid md:grid-cols-2 gap-4">
|
||
<div class="bg-slate-800 bg-opacity-50 rounded-lg p-4">
|
||
<h4 class="font-semibold text-slate-200 mb-1">国内</h4>
|
||
<p class="text-slate-300">2025年各省现货市场结算价差（甘肃0.27元/kWh基准）。</p>
|
||
</div>
|
||
<div class="bg-slate-800 bg-opacity-50 rounded-lg p-4">
|
||
<h4 class="font-semibold text-slate-200 mb-1">海外</h4>
|
||
<p class="text-slate-300">沙特SEC-III中标份额（阳光/宁德能否超50%）。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 关联股票数据 -->
|
||
<div class="glass-card rounded-xl p-6">
|
||
<h2 class="text-2xl font-bold mb-6 text-blue-400">关联股票数据</h2>
|
||
<div class="table-container">
|
||
<table class="min-w-full bg-slate-800 bg-opacity-50 rounded-lg">
|
||
<thead>
|
||
<tr class="border-b border-slate-700">
|
||
<th class="py-3 px-4 text-left text-slate-200 font-semibold">股票名称</th>
|
||
<th class="py-3 px-4 text-left text-slate-200 font-semibold">行业/业务</th>
|
||
<th class="py-3 px-4 text-left text-slate-200 font-semibold">市场地位/数据</th>
|
||
<th class="py-3 px-4 text-left text-slate-200 font-semibold">投资理由</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr class="border-b border-slate-700">
|
||
<td class="py-3 px-4 text-slate-300 font-medium">宁德时代</td>
|
||
<td class="py-3 px-4 text-slate-300">电池储能</td>
|
||
<td class="py-3 px-4 text-slate-300">市场份额第一</td>
|
||
<td class="py-3 px-4 text-slate-300">电池储能市场份额第一</td>
|
||
</tr>
|
||
<tr class="border-b border-slate-700">
|
||
<td class="py-3 px-4 text-slate-300 font-medium">派能科技</td>
|
||
<td class="py-3 px-4 text-slate-300">储能电池系统</td>
|
||
<td class="py-3 px-4 text-slate-300">提供商</td>
|
||
<td class="py-3 px-4 text-slate-300">储能电池系统提供商</td>
|
||
</tr>
|
||
<tr class="border-b border-slate-700">
|
||
<td class="py-3 px-4 text-slate-300 font-medium">阳光电源</td>
|
||
<td class="py-3 px-4 text-slate-300">光伏逆变器</td>
|
||
<td class="py-3 px-4 text-slate-300">龙头</td>
|
||
<td class="py-3 px-4 text-slate-300">全球光伏逆变器龙头</td>
|
||
</tr>
|
||
<tr class="border-b border-slate-700">
|
||
<td class="py-3 px-4 text-slate-300 font-medium">比亚迪</td>
|
||
<td class="py-3 px-4 text-slate-300">储能系统</td>
|
||
<td class="py-3 px-4 text-slate-300">海外储能市场，超十年经验</td>
|
||
<td class="py-3 px-4 text-slate-300">集成化储能系统深耕海外储能市场超十年</td>
|
||
</tr>
|
||
<tr class="border-b border-slate-700">
|
||
<td class="py-3 px-4 text-slate-300 font-medium">盛弘股份</td>
|
||
<td class="py-3 px-4 text-slate-300">装机容量</td>
|
||
<td class="py-3 px-4 text-slate-300">全球累计超700MW</td>
|
||
<td class="py-3 px-4 text-slate-300">全球累计装机容量超700MW</td>
|
||
</tr>
|
||
<tr class="border-b border-slate-700">
|
||
<td class="py-3 px-4 text-slate-300 font-medium">百川股份</td>
|
||
<td class="py-3 px-4 text-slate-300">海基新能源（子公司）</td>
|
||
<td class="py-3 px-4 text-slate-300">2019年装机量排名第二</td>
|
||
<td class="py-3 px-4 text-slate-300">旗下海基新能源2019年装机量排名第二</td>
|
||
</tr>
|
||
<tr class="border-b border-slate-700">
|
||
<td class="py-3 px-4 text-slate-300 font-medium">英维克</td>
|
||
<td class="py-3 px-4 text-slate-300">储能电站温控设备</td>
|
||
<td class="py-3 px-4 text-slate-300">提供商</td>
|
||
<td class="py-3 px-4 text-slate-300">储能电站温控设备提供商</td>
|
||
</tr>
|
||
<tr class="border-b border-slate-700">
|
||
<td class="py-3 px-4 text-slate-300 font-medium">四方股份</td>
|
||
<td class="py-3 px-4 text-slate-300">南方电网大容量储能变流器项目</td>
|
||
<td class="py-3 px-4 text-slate-300">客户：南方电网</td>
|
||
<td class="py-3 px-4 text-slate-300">曾中标南方电网大容量储能变流器项目</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="py-3 px-4 text-slate-300 font-medium">天合光能</td>
|
||
<td class="py-3 px-4 text-slate-300">光储一体化</td>
|
||
<td class="py-3 px-4 text-slate-300">整体解决方案提供商</td>
|
||
<td class="py-3 px-4 text-slate-300">提供光储一体化整体解决方案</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<script>
|
||
// 初始化粒子背景
|
||
tsParticles.load("particles-js", {
|
||
particles: {
|
||
number: {
|
||
value: 80,
|
||
density: {
|
||
enable: true,
|
||
value_area: 800
|
||
}
|
||
},
|
||
color: {
|
||
value: "#3b82f6"
|
||
},
|
||
shape: {
|
||
type: "circle"
|
||
},
|
||
opacity: {
|
||
value: 0.5,
|
||
random: false
|
||
},
|
||
size: {
|
||
value: 3,
|
||
random: true
|
||
},
|
||
line_linked: {
|
||
enable: true,
|
||
distance: 150,
|
||
color: "#334155",
|
||
opacity: 0.4,
|
||
width: 1
|
||
},
|
||
move: {
|
||
enable: true,
|
||
speed: 2,
|
||
direction: "none",
|
||
random: false,
|
||
straight: false,
|
||
out_mode: "out",
|
||
bounce: false
|
||
}
|
||
},
|
||
interactivity: {
|
||
detect_on: "canvas",
|
||
events: {
|
||
onhover: {
|
||
enable: true,
|
||
mode: "grab"
|
||
},
|
||
onclick: {
|
||
enable: true,
|
||
mode: "push"
|
||
},
|
||
resize: true
|
||
},
|
||
modes: {
|
||
grab: {
|
||
distance: 140,
|
||
line_linked: {
|
||
opacity: 1
|
||
}
|
||
},
|
||
push: {
|
||
particles_nb: 4
|
||
}
|
||
}
|
||
},
|
||
retina_detect: true
|
||
});
|
||
</script>
|
||
</body>
|
||
</html>
|
||
``` |