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

310
public/htmls/充电桩.html Normal file
View File

@@ -0,0 +1,310 @@
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>充电桩概念全景图 | 三年倍增·订单&盈利双击</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/daisyui@4.4.24/dist/full.min.css" rel="stylesheet">
<style>
:root {
--primary: #00d4ff;
--secondary: #0066cc;
--accent: #ffcc00;
--dark: #0a1929;
--light: #f0f8ff;
}
body {
background: linear-gradient(135deg, var(--dark) 0%, #001a33 100%);
color: var(--light);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
.card {
background: rgba(255, 255, 255, 0.05);
backdrop-filter: blur(10px);
border: 1px solid rgba(0, 212, 255, 0.2);
border-radius: 16px;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 30px rgba(0, 212, 255, 0.3);
}
.table-responsive {
border-radius: 12px;
overflow: hidden;
border: 1px solid rgba(0, 212, 255, 0.2);
}
table {
background: rgba(255, 255, 255, 0.03);
color: var(--light);
}
th {
background: rgba(0, 102, 204, 0.3);
color: var(--accent);
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.5px;
}
td {
border-color: rgba(0, 212, 255, 0.1);
}
.badge {
font-size: 0.75rem;
padding: 0.4em 0.6em;
}
.text-primary {
color: var(--primary) !important;
}
.text-accent {
color: var(--accent) !important;
}
.btn-primary {
background: linear-gradient(90deg, var(--primary), var(--secondary));
border: none;
border-radius: 20px;
padding: 0.5rem 1.5rem;
font-weight: 600;
transition: all 0.3s ease;
}
.btn-primary:hover {
transform: scale(1.05);
box-shadow: 0 5px 15px rgba(0, 212, 255, 0.4);
}
.timeline-item {
border-left: 2px solid var(--primary);
padding-left: 1.5rem;
position: relative;
margin-bottom: 1.5rem;
}
.timeline-item::before {
content: '';
position: absolute;
left: -6px;
top: 0;
width: 10px;
height: 10px;
background: var(--accent);
border-radius: 50%;
}
.hero-section {
background: linear-gradient(135deg, rgba(0, 102, 204, 0.2) 0%, rgba(0, 212, 255, 0.1) 100%);
border-radius: 20px;
padding: 2rem;
margin-bottom: 2rem;
border: 1px solid rgba(0, 212, 255, 0.3);
}
.metric-card {
text-align: center;
padding: 1.5rem;
background: rgba(0, 102, 204, 0.1);
border-radius: 12px;
border: 1px solid rgba(0, 212, 255, 0.2);
}
.metric-value {
font-size: 2rem;
font-weight: 700;
color: var(--accent);
}
.metric-label {
font-size: 0.9rem;
color: rgba(255, 255, 255, 0.7);
margin-top: 0.5rem;
}
</style>
</head>
<body>
<div class="container-fluid px-3 px-md-4 py-4">
<!-- Hero Section -->
<div class="hero-section">
<div class="row align-items-center">
<div class="col-lg-8">
<h1 class="display-5 fw-bold text-primary mb-3">
充电桩概念全景图
</h1>
<p class="lead mb-0">
三年倍增行动方案引爆订单&盈利双击主升浪 · 2025-2027 CAGR 40%+ 高确定性
</p>
</div>
<div class="col-lg-4 mt-3 mt-lg-0">
<div class="row g-2">
<div class="col-6">
<div class="metric-card">
<div class="metric-value">2800万</div>
<div class="metric-label">2027年目标桩数</div>
</div>
</div>
<div class="col-6">
<div class="metric-card">
<div class="metric-value">3亿</div>
<div class="metric-label">公共充电容量(kW)</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 核心观点 -->
<section class="mb-5">
<h2 class="h4 text-primary mb-3">
<i class="bi bi-lightning-charge-fill me-2"></i>核心观点摘要
</h2>
<div class="card p-3">
<p class="mb-0">
充电桩概念正从<strong class="text-accent">"政策预期"</strong>迈入<strong class="text-accent">"订单&盈利双击"</strong>的基本面主升浪：
①三年倍增方案给出2025-2027年<strong>CAGR 40%</strong>的确定性总量；
②欧美车桩比15-26:1的海外缺口打开高毛利出海市场，中国模块/整桩成本优势<strong>30-50%</strong>；
③直流快充+液冷超充技术迭代带动单桩价值量<strong>翻倍</strong>。
</p>
</div>
</section>
<!-- 政策时间轴 -->
<section class="mb-5">
<h2 class="h4 text-primary mb-3">
<i class="bi bi-calendar-event me-2"></i>政策时间轴
</h2>
<div class="card p-3">
<div class="timeline-item">
<div class="fw-bold text-accent">2023年2月</div>
<div class="small">八部委提出公共领域车桩比1:1，首次设定量化目标</div>
</div>
<div class="timeline-item">
<div class="fw-bold text-accent">2024年10月</div>
<div class="small">公共桩单月新增6.3万台，同比+34.3%，建设节奏已提前启动</div>
</div>
<div class="timeline-item">
<div class="fw-bold text-accent">2025年1月</div>
<div class="small">联盟预测2025年新增公共桩103.8万台，同比再提速20%</div>
</div>
<div class="timeline-item">
<div class="fw-bold text-accent">2025年5月</div>
<div class="small">国新办再提"倍增"行动，中央预算内投资+政策性金融工具双管齐下</div>
</div>
<div class="timeline-item">
<div class="fw-bold text-accent">2025年10月</div>
<div class="small">六部门正式文件落地，2800万桩、3亿千瓦成为硬性KPI</div>
</div>
</div>
</section>
<!-- 产业链表格 -->
<section class="mb-5">
<h2 class="h4 text-primary mb-3">
<i class="bi bi-diagram-3 me-2"></i>产业链核心公司（A股）
</h2>
<div class="table-responsive">
<table class="table table-sm table-hover align-middle mb-0">
<thead>
<tr>
<th>股票</th>
<th>环节</th>
<th>价值量占比</th>
<th>市场地位/亮点</th>
<th>来源</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong class="text-primary">优优绿能</strong></td>
<td><span class="badge bg-primary">充电模块</span></td>
<td>52.2%</td>
<td>2024国内份额A股第一、国内第二，市占率21.65%</td>
<td>公开资料</td>
</tr>
<tr>
<td><strong class="text-primary">特锐德</strong></td>
<td><span class="badge bg-primary">充电模块</span></td>
<td>52.2%</td>
<td>2024国内份额A股第二，市占率15.31%（特来电）</td>
<td>公开资料</td>
</tr>
<tr>
<td><strong class="text-primary">通合科技</strong></td>
<td><span class="badge bg-primary">充电模块</span></td>
<td>52.2%</td>
<td>2024国内份额A股第三，市占率14.78%</td>
<td>公开资料</td>
</tr>
<tr>
<td><strong class="text-primary">沃尔核材</strong></td>
<td><span class="badge bg-success">充电枪</span></td>
<td>12.25%</td>
<td>2024直流充电枪营收国内第一；液冷枪已批量</td>
<td>调研</td>
</tr>
<tr>
<td><strong class="text-primary">盛弘股份</strong></td>
<td><span class="badge bg-warning">整桩</span></td>
<td>-</td>
<td>2024充电桩营收12.16亿，占比40.04%</td>
<td>财报</td>
</tr>
<tr>
<td><strong class="text-primary">绿能慧充</strong></td>
<td><span class="badge bg-warning">整桩</span></td>
<td>-</td>
<td>2024充电桩销售8.06亿，占比79.44%</td>
<td>财报</td>
</tr>
<tr>
<td><strong class="text-primary">特锐德</strong></td>
<td><span class="badge bg-info">运营</span></td>
<td>-</td>
<td>直流终端47.5万台，份额24%，充电量份额23%，双第一</td>
<td>研报</td>
</tr>
</tbody>
</table>
</div>
</section>
<!-- 投资启示 -->
<section class="mb-4">
<h2 class="h4 text-primary mb-3">
<i class="bi bi-cash-coin me-2"></i>综合结论与投资启示
</h2>
<div class="card p-3">
<p class="mb-3">
充电桩概念已<strong class="text-accent">脱离主题炒作</strong>，进入<strong class="text-accent">"政策订单→盈利释放"</strong>的基本面主升浪，2025-2027年行业CAGR 40%+具备高确定性。
</p>
<div class="row g-2">
<div class="col-md-4">
<div class="d-flex align-items-center">
<span class="badge bg-primary me-2">1</span>
<span>模块外供+出海认证：优优绿能、通合科技</span>
</div>
</div>
<div class="col-md-4">
<div class="d-flex align-items-center">
<span class="badge bg-primary me-2">2</span>
<span>整桩ODM欧美渠道：道通科技、盛弘股份</span>
</div>
</div>
<div class="col-md-4">
<div class="d-flex align-items-center">
<span class="badge bg-primary me-2">3</span>
<span>液冷枪细分龙头：沃尔核材</span>
</div>
</div>
</div>
<hr class="my-3">
<p class="mb-0 small text-muted">
一句话总结：<strong class="text-accent">"三年倍增"给量，出海+液冷给价，模块寡头给利润，2026年春节前是设备端业绩兑现的黄金窗口。</strong>
</p>
</div>
</section>
<!-- Footer -->
<footer class="text-center py-3 mt-4 border-top border-secondary">
<p class="small mb-0 text-muted">
数据来源：中国充电联盟、公开财报、券商研报 | 更新时间：2025年10月
</p>
</footer>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>