feat: 10.10线上最新代码提交
This commit is contained in:
563
public/htmls/汽车芯片.html
Normal file
563
public/htmls/汽车芯片.html
Normal file
@@ -0,0 +1,563 @@
|
||||
|
||||
<!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://kit.fontawesome.com/1d2b6c4f81.js" crossorigin="anonymous"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/tsparticles@3/tsparticles.bundle.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-dot {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.timeline-dot::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
border-radius: 50%;
|
||||
background: #3b82f6;
|
||||
left: -8px;
|
||||
top: 4px;
|
||||
box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.2);
|
||||
}
|
||||
|
||||
.timeline-line {
|
||||
position: absolute;
|
||||
width: 2px;
|
||||
background: linear-gradient(to bottom, #3b82f6, #8b5cf6);
|
||||
left: 0;
|
||||
top: 20px;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
.highlight-text {
|
||||
background: linear-gradient(90deg, #3b82f6, #8b5cf6);
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.industry-tag {
|
||||
background: rgba(59, 130, 246, 0.2);
|
||||
border: 1px solid rgba(59, 130, 246, 0.5);
|
||||
color: #93c5fd;
|
||||
}
|
||||
|
||||
.risk-tag {
|
||||
background: rgba(239, 68, 68, 0.2);
|
||||
border: 1px solid rgba(239, 68, 68, 0.5);
|
||||
color: #fca5a5;
|
||||
}
|
||||
|
||||
.opportunity-tag {
|
||||
background: rgba(34, 197, 94, 0.2);
|
||||
border: 1px solid rgba(34, 197, 94, 0.5);
|
||||
color: #86efac;
|
||||
}
|
||||
|
||||
#tsparticles {
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.table-container {
|
||||
overflow-x: visible;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.timeline-line {
|
||||
left: 15px;
|
||||
}
|
||||
|
||||
.timeline-dot::before {
|
||||
left: 7px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="tsparticles"></div>
|
||||
|
||||
<div class="container mx-auto px-4 py-8 max-w-7xl">
|
||||
<!-- 标题部分 -->
|
||||
<div class="text-center mb-12">
|
||||
<h1 class="text-4xl md:text-5xl font-bold mb-4">
|
||||
<span class="highlight-text">汽车芯片</span>行业深度分析
|
||||
</h1>
|
||||
<p class="text-lg text-slate-300 max-w-3xl mx-auto">
|
||||
从政策强制到技术突破,国产汽车芯片迎来黄金发展期
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<!-- 核心观点摘要 -->
|
||||
<div class="glass-card rounded-2xl p-6 mb-8">
|
||||
<h2 class="text-2xl font-bold mb-4 flex items-center">
|
||||
<i class="fas fa-lightbulb text-yellow-400 mr-3"></i>
|
||||
核心观点摘要
|
||||
</h2>
|
||||
<div class="bg-slate-800/50 rounded-xl p-5 border-l-4 border-blue-500">
|
||||
<p class="text-lg leading-relaxed">
|
||||
汽车芯片已从"缺芯危机下的应急替代"进入<span class="text-blue-400 font-semibold">"政策强制+技术成熟+需求爆发"的三重共振阶段</span>。
|
||||
<span class="text-purple-400 font-semibold">2025年将是国产化率从10%向30%跃升的关键拐点</span>,
|
||||
模拟芯片(价值量占比25%)和功率半导体(IGBT/SiC)将成为最先兑现业绩的细分赛道。
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 时间轴 -->
|
||||
<div class="glass-card rounded-2xl p-6 mb-8">
|
||||
<h2 class="text-2xl font-bold mb-6 flex items-center">
|
||||
<i class="fas fa-timeline text-green-400 mr-3"></i>
|
||||
概念事件时间轴
|
||||
</h2>
|
||||
<div class="relative pl-8">
|
||||
<div class="timeline-line"></div>
|
||||
|
||||
<div class="mb-6 relative timeline-dot">
|
||||
<div class="text-blue-400 font-semibold mb-1">2024-10-17</div>
|
||||
<p class="text-slate-300">
|
||||
市场监管总局发布首批国产汽车芯片认证审查企业名单及技术体系1.0版,明确"质量强链"要求,
|
||||
<span class="text-red-400">国产化率仅10%</span>的现状首次被官方量化。
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="mb-6 relative timeline-dot">
|
||||
<div class="text-blue-400 font-semibold mb-1">2024-11-19</div>
|
||||
<p class="text-slate-300">
|
||||
首个国家级汽车芯片质检中心落户上海,填补国内车规级检测空白。
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="mb-6 relative timeline-dot">
|
||||
<div class="text-blue-400 font-semibold mb-1">2024-12-04</div>
|
||||
<p class="text-slate-300">
|
||||
第二批汽车芯片白名单发布,覆盖10大类芯片,
|
||||
<span class="text-green-400">案例数较第一批增34%</span>,供应商增至300家,政策落地速度超预期。
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="mb-6 relative timeline-dot">
|
||||
<div class="text-blue-400 font-semibold mb-1">2025-01-17</div>
|
||||
<p class="text-slate-300">
|
||||
兴证电子研报指出,<span class="text-yellow-400">全球800亿美元模拟芯片市场中25%为汽车应用</span>,
|
||||
但国产化率极低(<10%),纳芯微等标的被重点推荐。
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="relative timeline-dot">
|
||||
<div class="text-blue-400 font-semibold mb-1">2025-04-28</div>
|
||||
<p class="text-slate-300">
|
||||
工信部2025年工作要点明确加快制定控制/传感/通信/存储芯片标准,
|
||||
<span class="text-red-400">政策从"建议"转向"强制"</span>信号显现。
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 核心驱动力 -->
|
||||
<div class="glass-card rounded-2xl p-6 mb-8">
|
||||
<h2 class="text-2xl font-bold mb-6 flex items-center">
|
||||
<i class="fas fa-rocket text-orange-400 mr-3"></i>
|
||||
核心驱动力与市场认知
|
||||
</h2>
|
||||
|
||||
<div class="grid md:grid-cols-3 gap-6 mb-6">
|
||||
<div class="bg-slate-800/50 rounded-xl p-5 border-l-4 border-purple-500">
|
||||
<h3 class="text-xl font-bold mb-3 text-purple-400">政策强制</h3>
|
||||
<p class="text-slate-300 text-sm">
|
||||
工信部要求2024年底前5类核心芯片国产化率达25%,国企已提前达标(一汽70%+),
|
||||
<span class="text-purple-300">政策从"建议"变为"供应链准入门槛"</span>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="bg-slate-800/50 rounded-xl p-5 border-l-4 border-blue-500">
|
||||
<h3 class="text-xl font-bold mb-3 text-blue-400">技术突破</h3>
|
||||
<p class="text-slate-300 text-sm">
|
||||
模拟芯片:纳芯微车规产品已覆盖LED驱动、磁传感等,
|
||||
<span class="text-blue-300">单车价值量从150美元(2020)→300美元(2027)</span>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="bg-slate-800/50 rounded-xl p-5 border-l-4 border-green-500">
|
||||
<h3 class="text-xl font-bold mb-3 text-green-400">需求爆发</h3>
|
||||
<p class="text-slate-300 text-sm">
|
||||
新能源车渗透率2024年达35%,
|
||||
<span class="text-green-300">单车芯片用量从燃油车600颗→电动车1600颗</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid md:grid-cols-2 gap-6">
|
||||
<div class="bg-slate-800/30 rounded-xl p-5">
|
||||
<h4 class="text-lg font-bold mb-3 text-yellow-400 flex items-center">
|
||||
<i class="fas fa-exclamation-circle mr-2"></i>
|
||||
市场认知偏差
|
||||
</h4>
|
||||
<ul class="space-y-3">
|
||||
<li class="flex items-start">
|
||||
<span class="text-yellow-400 mr-2">•</span>
|
||||
<span class="text-sm">市场认为国产替代仅限低端MCU,但路演显示
|
||||
<span class="text-yellow-300">地平线J6P(560TOPS)已对标英伟达Orin-X</span>
|
||||
</span>
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<span class="text-yellow-400 mr-2">•</span>
|
||||
<span class="text-sm">研报强调"认证周期长(2-3年)",但雅创电子通过
|
||||
<span class="text-yellow-300">"分销+自研"模式</span>绕过认证壁垒
|
||||
</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="bg-slate-800/30 rounded-xl p-5">
|
||||
<h4 class="text-lg font-bold mb-3 text-cyan-400 flex items-center">
|
||||
<i class="fas fa-flag-checkered mr-2"></i>
|
||||
关键催化剂
|
||||
</h4>
|
||||
<ul class="space-y-3">
|
||||
<li class="flex items-start">
|
||||
<span class="text-cyan-400 mr-2">•</span>
|
||||
<span class="text-sm"><span class="text-cyan-300">2025Q2</span>:地平线J6P芯片量产装车(理想、比亚迪)</span>
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<span class="text-cyan-400 mr-2">•</span>
|
||||
<span class="text-sm"><span class="text-cyan-300">2025Q3</span>:工信部将公布首批"25%国产化率"达标车企名单</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 产业链与核心公司 -->
|
||||
<div class="glass-card rounded-2xl p-6 mb-8">
|
||||
<h2 class="text-2xl font-bold mb-6 flex items-center">
|
||||
<i class="fas fa-sitemap text-indigo-400 mr-3"></i>
|
||||
产业链与核心公司
|
||||
</h2>
|
||||
|
||||
<div class="mb-6">
|
||||
<h3 class="text-xl font-bold mb-4 text-indigo-400">产业链图谱</h3>
|
||||
<div class="grid md:grid-cols-3 gap-4">
|
||||
<div class="bg-slate-800/50 rounded-lg p-4">
|
||||
<h4 class="font-bold mb-2 text-blue-400">上游</h4>
|
||||
<p class="text-sm text-slate-300">
|
||||
华虹半导体(代工,<span class="text-blue-300">汽车收入占比30-40%</span>)、天岳先进(SiC衬底)
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="bg-slate-800/50 rounded-lg p-4">
|
||||
<h4 class="font-bold mb-2 text-purple-400">中游</h4>
|
||||
<p class="text-sm text-slate-300">
|
||||
模拟芯片:纳芯微(<span class="text-purple-300">汽车收入占比35%</span>)、圣邦股份<br>
|
||||
功率半导体:斯达半导、中车时代<br>
|
||||
计算芯片:地平线、黑芝麻
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="bg-slate-800/50 rounded-lg p-4">
|
||||
<h4 class="font-bold mb-2 text-green-400">下游</h4>
|
||||
<p class="text-sm text-slate-300">
|
||||
比亚迪(自研+外采)、理想(地平线+自研)、蔚来(神玑芯片)
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h3 class="text-xl font-bold mb-4 text-indigo-400">核心玩家对比</h3>
|
||||
<div class="overflow-x-auto">
|
||||
<table class="w-full text-sm">
|
||||
<thead>
|
||||
<tr class="border-b border-slate-700">
|
||||
<th class="text-left py-3 px-4 text-slate-400">公司</th>
|
||||
<th class="text-left py-3 px-4 text-slate-400">优势领域</th>
|
||||
<th class="text-left py-3 px-4 text-slate-400">风险点</th>
|
||||
<th class="text-left py-3 px-4 text-slate-400">验证数据</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr class="border-b border-slate-800">
|
||||
<td class="py-3 px-4 font-semibold text-blue-400">纳芯微</td>
|
||||
<td class="py-3 px-4">磁传感/隔离芯片</td>
|
||||
<td class="py-3 px-4 text-yellow-400">毛利率修复滞后(2024Q3仅35%)</td>
|
||||
<td class="py-3 px-4"><span class="text-green-400">累计出货6.68亿颗</span>(2025车展)</td>
|
||||
</tr>
|
||||
<tr class="border-b border-slate-800">
|
||||
<td class="py-3 px-4 font-semibold text-blue-400">雅创电子</td>
|
||||
<td class="py-3 px-4">分销+自研协同</td>
|
||||
<td class="py-3 px-4 text-yellow-400">并购整合风险(威雅利并表)</td>
|
||||
<td class="py-3 px-4"><span class="text-green-400">自研IC收入4亿元</span>(2024)</td>
|
||||
</tr>
|
||||
<tr class="border-b border-slate-800">
|
||||
<td class="py-3 px-4 font-semibold text-blue-400">斯达半导</td>
|
||||
<td class="py-3 px-4">SiC模块</td>
|
||||
<td class="py-3 px-4 text-yellow-400">价格战(毛利率从35%→25%)</td>
|
||||
<td class="py-3 px-4"><span class="text-green-400">800V车型渗透率15%→50%</span></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 关联股票表格 -->
|
||||
<div class="glass-card rounded-2xl p-6 mb-8">
|
||||
<h2 class="text-2xl font-bold mb-6 flex items-center">
|
||||
<i class="fas fa-chart-line text-emerald-400 mr-3"></i>
|
||||
关联股票列表
|
||||
</h2>
|
||||
|
||||
<div class="table-container">
|
||||
<table class="w-full text-sm">
|
||||
<thead>
|
||||
<tr class="border-b border-slate-700">
|
||||
<th class="text-left py-3 px-4 text-slate-400">股票名称</th>
|
||||
<th class="text-left py-3 px-4 text-slate-400">行业分类</th>
|
||||
<th class="text-left py-3 px-4 text-slate-400">推荐理由</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="stockTableBody">
|
||||
<!-- 股票数据将通过JavaScript动态填充 -->
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 风险分析 -->
|
||||
<div class="glass-card rounded-2xl p-6 mb-8">
|
||||
<h2 class="text-2xl font-bold mb-6 flex items-center">
|
||||
<i class="fas fa-exclamation-triangle text-red-400 mr-3"></i>
|
||||
潜在风险分析
|
||||
</h2>
|
||||
|
||||
<div class="grid md:grid-cols-2 gap-6">
|
||||
<div>
|
||||
<h3 class="text-xl font-bold mb-4 text-red-400">技术风险</h3>
|
||||
<div class="space-y-4">
|
||||
<div class="bg-slate-800/50 rounded-lg p-4 border-l-4 border-red-500">
|
||||
<h4 class="font-semibold mb-2">SiC良率</h4>
|
||||
<p class="text-sm text-slate-300">
|
||||
天岳先进6英寸SiC良率未披露,
|
||||
<span class="text-red-300">若低于80%将限制斯达半导扩产</span>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="bg-slate-800/50 rounded-lg p-4 border-l-4 border-red-500">
|
||||
<h4 class="font-semibold mb-2">认证延迟</h4>
|
||||
<p class="text-sm text-slate-300">
|
||||
芯驰科技X9芯片原计划2024Q4量产,
|
||||
<span class="text-red-300">因ISO26262 ASIL-D认证延迟至2025Q1</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h3 class="text-xl font-bold mb-4 text-red-400">商业化风险</h3>
|
||||
<div class="space-y-4">
|
||||
<div class="bg-slate-800/50 rounded-lg p-4 border-l-4 border-red-500">
|
||||
<h4 class="font-semibold mb-2">车企压价</h4>
|
||||
<p class="text-sm text-slate-300">
|
||||
比亚迪要求SiC模块降价20%,
|
||||
<span class="text-red-300">斯达半导2025年毛利率或跌破20%</span>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="bg-slate-800/50 rounded-lg p-4 border-l-4 border-red-500">
|
||||
<h4 class="font-semibold mb-2">库存风险</h4>
|
||||
<p class="text-sm text-slate-300">
|
||||
2024Q4渠道调研显示,
|
||||
<span class="text-red-300">部分车企IGBT库存达3个月</span>,短期需求可能低于预期
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-6 bg-slate-800/30 rounded-xl p-5">
|
||||
<h3 class="text-lg font-bold mb-3 text-yellow-400 flex items-center">
|
||||
<i class="fas fa-info-circle mr-2"></i>
|
||||
信息矛盾
|
||||
</h3>
|
||||
<p class="text-sm text-slate-300">
|
||||
<span class="text-yellow-300">国产化率口径</span>:华西电子称"整体国产化率10%",但德邦专家指出
|
||||
<span class="text-yellow-300">"功率半导体国产化率已达35%"</span>——差异源于统计范围(功率vs全品类)
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 投资启示 -->
|
||||
<div class="glass-card rounded-2xl p-6">
|
||||
<h2 class="text-2xl font-bold mb-6 flex items-center">
|
||||
<i class="fas fa-coins text-yellow-400 mr-3"></i>
|
||||
综合结论与投资启示
|
||||
</h2>
|
||||
|
||||
<div class="bg-gradient-to-r from-blue-900/50 to-purple-900/50 rounded-xl p-6 mb-6">
|
||||
<h3 class="text-xl font-bold mb-3 text-white">阶段判断</h3>
|
||||
<p class="text-lg text-slate-200">
|
||||
汽车芯片已从"主题炒作"进入<span class="text-green-400 font-semibold">"订单兑现+政策强制"的基本面驱动阶段</span>,
|
||||
2025年将是业绩与估值双击元年。
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h3 class="text-xl font-bold mb-4 text-yellow-400">投资优先级</h3>
|
||||
<div class="space-y-4">
|
||||
<div class="flex items-start">
|
||||
<div class="flex-shrink-0 w-8 h-8 rounded-full bg-green-500 flex items-center justify-center text-white font-bold mr-4">1</div>
|
||||
<div>
|
||||
<h4 class="font-bold text-green-400">模拟芯片(最快兑现)</h4>
|
||||
<p class="text-sm text-slate-300">
|
||||
<span class="text-blue-400">纳芯微</span>(磁传感市占率50%)、
|
||||
<span class="text-blue-400">圣邦股份</span>(车规料号增速100%)
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex items-start">
|
||||
<div class="flex-shrink-0 w-8 h-8 rounded-full bg-blue-500 flex items-center justify-center text-white font-bold mr-4">2</div>
|
||||
<div>
|
||||
<h4 class="font-bold text-blue-400">SiC功率器件(中期爆发)</h4>
|
||||
<p class="text-sm text-slate-300">
|
||||
<span class="text-purple-400">斯达半导</span>(800V平台绑定特斯拉/比亚迪)
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex items-start">
|
||||
<div class="flex-shrink-0 w-8 h-8 rounded-full bg-purple-500 flex items-center justify-center text-white font-bold mr-4">3</div>
|
||||
<div>
|
||||
<h4 class="font-bold text-purple-400">检测服务(卖水人逻辑)</h4>
|
||||
<p class="text-sm text-slate-300">
|
||||
<span class="text-green-400">利扬芯片</span>(<span class="text-green-300">汽车测试收入占比5%+</span>,3nm测试能力稀缺)
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-6 bg-slate-800/30 rounded-xl p-5">
|
||||
<h3 class="text-lg font-bold mb-3 text-cyan-400 flex items-center">
|
||||
<i class="fas fa-chart-line mr-2"></i>
|
||||
跟踪指标
|
||||
</h3>
|
||||
<ul class="space-y-2 text-sm text-slate-300">
|
||||
<li>• <span class="text-cyan-300">地平线J6P芯片装车量</span>(2025Q3需达10万颗以上)</li>
|
||||
<li>• <span class="text-cyan-300">纳芯微汽车业务毛利率</span>(能否从35%修复至45%)</li>
|
||||
<li>• <span class="text-cyan-300">工信部国产化率核查结果</span>(未达标车企名单将引发供应链重构)</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
// 初始化粒子背景
|
||||
tsParticles.load("tsparticles", {
|
||||
particles: {
|
||||
number: {
|
||||
value: 30,
|
||||
density: {
|
||||
enable: true,
|
||||
value_area: 800
|
||||
}
|
||||
},
|
||||
color: {
|
||||
value: "#3b82f6"
|
||||
},
|
||||
shape: {
|
||||
type: "circle"
|
||||
},
|
||||
opacity: {
|
||||
value: 0.5,
|
||||
random: true
|
||||
},
|
||||
size: {
|
||||
value: 3,
|
||||
random: true
|
||||
},
|
||||
move: {
|
||||
enable: true,
|
||||
speed: 2,
|
||||
direction: "none",
|
||||
random: true,
|
||||
straight: false,
|
||||
out_mode: "out"
|
||||
},
|
||||
links: {
|
||||
enable: true,
|
||||
distance: 150,
|
||||
color: "#8b5cf6",
|
||||
opacity: 0.4,
|
||||
width: 1
|
||||
}
|
||||
},
|
||||
interactivity: {
|
||||
events: {
|
||||
onhover: {
|
||||
enable: true,
|
||||
mode: "grab"
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
// 填充股票表格数据
|
||||
const stockData = [{'汽车芯片(240719)': [{'stock': '上海贝岭', '行业': '电源管理', 'reason': ''}, {'stock': '雅创电子', '行业': '电源管理', 'reason': ''}, {'stock': '南芯科技', '行业': '电源管理', 'reason': ''}, {'stock': '圣邦股份', '行业': '电源管理', 'reason': ''}, {'stock': '杰华特', '行业': '电源管理', 'reason': ''}, {'stock': '力芯微', '行业': '电源管理', 'reason': ''}, {'stock': '芯朋微', '行业': '电源管理', 'reason': ''}, {'stock': '台基股份', '行业': '功率模组IGBT', 'reason': ''}, {'stock': '斯达半导', '行业': '功率模组IGBT', 'reason': ''}, {'stock': '中车时代', '行业': '功率模组IGBT', 'reason': ''}, {'stock': '闻泰科技', '行业': '功率模组IGBT', 'reason': ''}, {'stock': '士兰微', '行业': '功率模组IGBT', 'reason': ''}, {'stock': '华虹半导体', '行业': '功率模组IGBT', 'reason': ''}, {'stock': '新洁能', '行业': '功率模组IGBT', 'reason': ''}, {'stock': '华润微', '行业': '功率模组IGBT', 'reason': ''}, {'stock': '扬杰科技', '行业': '功率模组IGBT', 'reason': ''}, {'stock': '三环集团', '行业': '功率模组IGBT', 'reason': ''}, {'stock': '上海贝岭', '行业': '存储芯片', 'reason': ''}, {'stock': '大港股份', '行业': '存储芯片', 'reason': ''}, {'stock': '北京君正', '行业': '存储芯片', 'reason': ''}, {'stock': '兆易创新', '行业': '存储芯片', 'reason': ''}, {'stock': '全志科技', '行业': '计算芯片SOC', 'reason': ''}, {'stock': '晶晨股份', '行业': '计算芯片SOC', 'reason': ''}, {'stock': '恒玄科技', '行业': '计算芯片SOC', 'reason': ''}, {'stock': '瑞芯微', '行业': '计算芯片SOC', 'reason': ''}, {'stock': '中科蓝讯', '行业': '计算芯片SOC', 'reason': ''}, {'stock': '富瀚微', '行业': '智驾感知DSP', 'reason': ''}, {'stock': '北京君正', '行业': '智驾感知DSP', 'reason': ''}, {'stock': '韦尔股份', '行业': '智驾感知DSP', 'reason': ''}, {'stock': '国芯科技', '行业': '控制芯片MCU', 'reason': ''}, {'stock': '富满微', '行业': '控制芯片MCU', 'reason': ''}, {'stock': '兆易创新', '行业': '控制芯片MCU', 'reason': ''}, {'stock': '芯海科技', '行业': '控制芯片MCU', 'reason': ''}, {'stock': '国民技术', '行业': '控制芯片MCU', 'reason': ''}, {'stock': '紫光国微', '行业': 'FPGA', 'reason': ''}, {'stock': '安路科技', '行业': 'FPGA', 'reason': ''}, {'stock': '复旦微电', '行业': 'FPGA', 'reason': ''}, {'stock': '华微电子', '行业': 'FPGA', 'reason': ''}]}];
|
||||
|
||||
const stockTableBody = document.getElementById('stockTableBody');
|
||||
const stocks = stockData[0]['汽车芯片(240719)'];
|
||||
|
||||
stocks.forEach(stock => {
|
||||
const row = document.createElement('tr');
|
||||
row.className = 'border-b border-slate-800 hover:bg-slate-800/30 transition-colors';
|
||||
|
||||
// 获取行业标签颜色
|
||||
let industryColor = 'industry-tag';
|
||||
if (stock['行业'].includes('IGBT') || stock['行业'].includes('功率')) {
|
||||
industryColor = 'industry-tag';
|
||||
} else if (stock['行业'].includes('SOC') || stock['行业'].includes('DSP') || stock['行业'].includes('MCU')) {
|
||||
industryColor = 'industry-tag';
|
||||
}
|
||||
|
||||
row.innerHTML = `
|
||||
<td class="py-3 px-4 font-medium text-blue-400">${stock['stock']}</td>
|
||||
<td class="py-3 px-4">
|
||||
<span class="${industryColor} text-xs px-2 py-1 rounded-full">${stock['行业']}</span>
|
||||
</td>
|
||||
<td class="py-3 px-4 text-slate-400">${stock['reason'] || '-'}</td>
|
||||
`;
|
||||
|
||||
stockTableBody.appendChild(row);
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
Reference in New Issue
Block a user