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

update ui

Browse Source
This commit is contained in:
zzlgreat
2025-11-13 17:38:54 +08:00
parent 0e32076e71
commit cb4c51a958
65 changed files with 39193 additions and 103 deletions
Download Patch File Download Diff File Expand all files Collapse all files

427
public/htmls/大湾区芯片展览会-新凯莱.html Normal file
View File

@@ -0,0 +1,427 @@
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>大湾区芯片展览会-新凯莱概念深度分析</title>
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://cdn.jsdelivr.net/npm/daisyui@4.4.19/dist/full.min.css" rel="stylesheet" type="text/css" />
<script src="https://unpkg.com/lucide@latest"></script>
<script>
tailwind.config = {
theme: {
extend: {
colors: {
'primary': '#3b82f6',
'secondary': '#8b5cf6',
}
}
}
}
</script>
<style>
@keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(30px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.fade-in-up {
animation: fadeInUp 0.6s ease-out forwards;
}
.timeline-item {
opacity: 0;
animation: fadeInUp 0.6s ease-out forwards;
}
.timeline-item:nth-child(1) { animation-delay: 0.1s; }
.timeline-item:nth-child(2) { animation-delay: 0.2s; }
.timeline-item:nth-child(3) { animation-delay: 0.3s; }
.timeline-item:nth-child(4) { animation-delay: 0.4s; }
.timeline-item:nth-child(5) { animation-delay: 0.5s; }
.glass-effect {
background: rgba(255, 255, 255, 0.95);
backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.3);
}
.gradient-bg {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}
.stock-row:hover {
background: linear-gradient(90deg, rgba(59, 130, 246, 0.1) 0%, rgba(139, 92, 246, 0.1) 100%);
transform: scale(1.02);
transition: all 0.3s ease;
}
.badge-glow {
box-shadow: 0 0 20px rgba(59, 130, 246, 0.5);
}
</style>
</head>
<body class="bg-gradient-to-br from-blue-50 via-white to-purple-50 min-h-screen">
<!-- Header -->
<header class="gradient-bg text-white shadow-2xl">
<div class="container mx-auto px-4 py-8">
<div class="flex items-center justify-between flex-wrap">
<div class="fade-in-up">
<h1 class="text-4xl md:text-5xl font-bold mb-2 flex items-center gap-3">
<i data-lucide="cpu" class="w-10 h-10"></i>
大湾区芯片展览会-新凯莱
</h1>
<p class="text-xl opacity-90">国产半导体设备破局者的投资机遇分析</p>
</div>
<div class="mt-4 md:mt-0 fade-in-up">
<div class="badge badge-lg badge-warning badge-glow">
<i data-lucide="alert-circle" class="w-4 h-4 mr-1"></i>
2025.10.15 关键节点
</div>
</div>
</div>
</div>
</header>
<!-- Main Content -->
<main class="container mx-auto px-4 py-8">
<!-- 核心观点 -->
<section class="mb-12 fade-in-up">
<div class="glass-effect rounded-2xl shadow-xl p-8">
<h2 class="text-3xl font-bold mb-6 flex items-center gap-3">
<i data-lucide="target" class="w-8 h-8 text-primary"></i>
核心观点摘要
</h2>
<div class="bg-gradient-to-r from-blue-100 to-purple-100 rounded-xl p-6 border-l-4 border-primary">
<p class="text-lg leading-relaxed">
当前"大湾区芯片展览会-新凯莱"概念正处于<strong class="text-primary">由宏大叙事和情绪驱动向基本面验证过渡的关键节点</strong>。
其核心驱动力源于地缘政治倒逼下的国产替代迫切需求与大湾区强力政策支持的共振，
而新凯来作为潜在的"破局者"，其在湾芯展的"惊喜"发布将成为概念能否从短期炒作转向长期价值投资的<strong class="text-secondary">分水岭</strong>。
</p>
</div>
</div>
</section>
<!-- 时间轴 -->
<section class="mb-12">
<div class="glass-effect rounded-2xl shadow-xl p-8">
<h2 class="text-3xl font-bold mb-6 flex items-center gap-3">
<i data-lucide="timeline" class="w-8 h-8 text-primary"></i>
关键时间轴
</h2>
<div class="relative">
<div class="absolute left-8 top-0 bottom-0 w-0.5 bg-gradient-to-b from-primary to-secondary"></div>
<div class="space-y-6">
<div class="timeline-item flex items-center gap-4">
<div class="w-16 h-16 rounded-full bg-red-500 flex items-center justify-center text-white font-bold shadow-lg z-10">2024</div>
<div class="flex-1 bg-white rounded-lg p-4 shadow-md">
<h3 class="font-bold text-lg">11月11日</h3>
<p class="text-gray-600">台积电宣布暂停向中国大陆AI/GPU客户供应7nm及更先进制程芯片</p>
</div>
</div>
<div class="timeline-item flex items-center gap-4">
<div class="w-16 h-16 rounded-full bg-blue-500 flex items-center justify-center text-white font-bold shadow-lg z-10">2025</div>
<div class="flex-1 bg-white rounded-lg p-4 shadow-md">
<h3 class="font-bold text-lg">3月26日</h3>
<p class="text-gray-600">新凯来首次参加SEMICON China，展示覆盖薄膜沉积、扩散、刻蚀等多款设备</p>
</div>
</div>
<div class="timeline-item flex items-center gap-4">
<div class="w-16 h-16 rounded-full bg-yellow-500 flex items-center justify-center text-white font-bold shadow-lg z-10">10.10</div>
<div class="flex-1 bg-white rounded-lg p-4 shadow-md border-2 border-yellow-400">
<h3 class="font-bold text-lg text-yellow-600">情绪引爆点</h3>
<p class="text-gray-600">深圳发改委主任预告新凯来将在湾芯展上"带来惊喜"，相关概念股涨停</p>
</div>
</div>
<div class="timeline-item flex items-center gap-4">
<div class="w-16 h-16 rounded-full bg-gradient-to-r from-primary to-secondary flex items-center justify-center text-white font-bold shadow-lg z-10 animate-pulse">10.15</div>
<div class="flex-1 bg-gradient-to-r from-blue-50 to-purple-50 rounded-lg p-4 shadow-md border-2 border-primary">
<h3 class="font-bold text-lg text-primary">审判日</h3>
<p class="text-gray-600">2025湾区半导体芯片展召开，新凯来"惊喜"揭晓，概念进入验证期</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- 核心逻辑 -->
<section class="mb-12">
<div class="grid md:grid-cols-3 gap-6">
<div class="glass-effect rounded-xl shadow-lg p-6 hover:shadow-2xl transition-all">
<div class="text-4xl mb-4">🚨</div>
<h3 class="text-xl font-bold mb-3 text-red-600">生存驱动</h3>
<p class="text-gray-700">地缘政治倒逼下的国产替代迫切需求，前道设备自主可控从"可选项"变为"必选项"</p>
</div>
<div class="glass-effect rounded-xl shadow-lg p-6 hover:shadow-2xl transition-all">
<div class="text-4xl mb-4">🏛️</div>
<h3 class="text-xl font-bold mb-3 text-blue-600">发展驱动</h3>
<p class="text-gray-700">大湾区战略强力赋能，深重投股东背景提供资源整合想象空间</p>
</div>
<div class="glass-effect rounded-xl shadow-lg p-6 hover:shadow-2xl transition-all">
<div class="text-4xl mb-4">🔬</div>
<h3 class="text-xl font-bold mb-3 text-purple-600">预期驱动</h3>
<p class="text-gray-700">覆盖芯片制造核心环节的产品蓝图，对渴望全产业链自主的国内市场具有极强吸引力</p>
</div>
</div>
</section>
<!-- 关联股票表格 -->
<section class="mb-12">
<div class="glass-effect rounded-2xl shadow-xl p-8">
<h2 class="text-3xl font-bold mb-6 flex items-center gap-3">
<i data-lucide="bar-chart-3" class="w-8 h-8 text-primary"></i>
产业链关联股票分析
</h2>
<div class="overflow-x-auto">
<table class="table w-full">
<thead>
<tr class="bg-gradient-to-r from-blue-600 to-purple-600 text-white">
<th class="rounded-tl-lg">股票名称</th>
<th>关联分类</th>
<th>关联性描述</th>
<th>信源</th>
<th class="rounded-tr-lg">投资逻辑</th>
</tr>
</thead>
<tbody>
<tr class="stock-row border-b">
<td class="font-bold">新莱应材</td>
<td><span class="badge badge-warning">合作传闻</span></td>
<td>网传纪要显示公司是新凯来核心供应商，涉及真空系统和气体系统</td>
<td>网传</td>
<td class="text-sm">逻辑最纯粹，弹性最大，但风险与机遇并存</td>
</tr>
<tr class="stock-row border-b">
<td class="font-bold">深振业A</td>
<td><span class="badge badge-info">深重投</span></td>
<td>新凯来的控股股东深圳市重大产业投资集团的董事黄秀章同时担任深振业监事</td>
<td>公开资料</td>
<td class="text-sm">纯正度最低，投机性最强，基本面支撑最弱</td>
</tr>
<tr class="stock-row border-b">
<td class="font-bold">奥普光电</td>
<td><span class="badge badge-primary">合资公司</span></td>
<td>公司与长光集智有业务往来；长光集智第一大股东新凯来（持股60%）</td>
<td>互动/工商</td>
<td class="text-sm">业务关联度高，与新凯来景气度直接挂钩</td>
</tr>
<tr class="stock-row border-b">
<td class="font-bold">正帆科技</td>
<td><span class="badge badge-success">供应链</span></td>
<td>新凯来的重要供应商，主要提供气体输送模组Gas box用于干法刻蚀设备</td>
<td>互动</td>
<td class="text-sm">稳健的"卖水人"，分享行业增长红利，风险较低</td>
</tr>
<tr class="stock-row border-b">
<td class="font-bold">至纯科技</td>
<td><span class="badge badge-success">供应链</span></td>
<td>2021年年报中主要预付账款中新凯来金额3083.82万元，供应半导体清洗设备</td>
<td>公告</td>
<td class="text-sm">成熟供应商，客户群体广泛，新凯来合作锦上添花</td>
</tr>
<tr class="stock-row border-b">
<td class="font-bold">波长光电</td>
<td><span class="badge badge-secondary">字量昇</span></td>
<td>供应非物镜镜片（照明系统、激光器光源、工台量测镜片等）</td>
<td>券商纪要</td>
<td class="text-sm">光学元件供应商，技术壁垒较高</td>
</tr>
<tr class="stock-row border-b">
<td class="font-bold">同惠电子</td>
<td><span class="badge badge-success">供应链</span></td>
<td>新凯来供应商，2022年年报应收账款中新凯来排名第三</td>
<td>公告</td>
<td class="text-sm">北交所标的，业务直接关联</td>
</tr>
<tr class="stock-row border-b">
<td class="font-bold">利和兴</td>
<td><span class="badge badge-success">供应链</span></td>
<td>公司为新凯来提供精密结构件和测试平台等产品</td>
<td>互动</td>
<td class="text-sm">"准核心"标的，需跟踪来自新凯来的收入占比</td>
</tr>
</tbody>
</table>
</div>
</div>
</section>
<!-- 投资启示 -->
<section class="mb-12">
<div class="glass-effect rounded-2xl shadow-xl p-8">
<h2 class="text-3xl font-bold mb-6 flex items-center gap-3">
<i data-lucide="lightbulb" class="w-8 h-8 text-yellow-500"></i>
投资启示与风险提示
</h2>
<div class="grid md:grid-cols-2 gap-6">
<div class="bg-green-50 rounded-xl p-6 border-l-4 border-green-500">
<h3 class="text-xl font-bold mb-4 text-green-700 flex items-center gap-2">
<i data-lucide="trending-up" class="w-6 h-6"></i>
投资机会
</h3>
<ul class="space-y-3">
<li class="flex items-start gap-2">
<i data-lucide="check-circle" class="w-5 h-5 text-green-600 mt-0.5"></i>
<span><strong>首选上游核心供应商：</strong>新莱应材等业务高度绑定的供应商，业绩弹性最大</span>
</li>
<li class="flex items-start gap-2">
<i data-lucide="check-circle" class="w-5 h-5 text-green-600 mt-0.5"></i>
<span><strong>次选平台型龙头：</strong>正帆科技等分享行业整体增长红利，投资逻辑更稳健</span>
</li>
<li class="flex items-start gap-2">
<i data-lucide="check-circle" class="w-5 h-5 text-green-600 mt-0.5"></i>
<span><strong>关注关键验证指标：</strong>10月15日发布会内容、供应商订单增长、第三方验证报道</span>
</li>
</ul>
</div>
<div class="bg-red-50 rounded-xl p-6 border-l-4 border-red-500">
<h3 class="text-xl font-bold mb-4 text-red-700 flex items-center gap-2">
<i data-lucide="alert-triangle" class="w-6 h-6"></i>
风险提示
</h3>
<ul class="space-y-3">
<li class="flex items-start gap-2">
<i data-lucide="x-circle" class="w-5 h-5 text-red-600 mt-0.5"></i>
<span><strong>技术风险：</strong>半导体设备技术壁垒极高，"有"和"好用"是两回事</span>
</li>
<li class="flex items-start gap-2">
<i data-lucide="x-circle" class="w-5 h-5 text-red-600 mt-0.5"></i>
<span><strong>商业化风险：</strong>获得客户信任、建立服务体系、实现规模化生产挑战巨大</span>
</li>
<li class="flex items-start gap-2">
<i data-lucide="x-circle" class="w-5 h-5 text-red-600 mt-0.5"></i>
<span><strong>信息质量风险：</strong>市场信息混杂，大量未经证实的"网传纪要"存在误导风险</span>
</li>
</ul>
</div>
</div>
</div>
</section>
<!-- 关键跟踪指标 -->
<section class="mb-12">
<div class="glass-effect rounded-2xl shadow-xl p-8">
<h2 class="text-3xl font-bold mb-6 flex items-center gap-3">
<i data-lucide="radar" class="w-8 h-8 text-primary"></i>
关键跟踪指标雷达图
</h2>
<div class="grid md:grid-cols-4 gap-4">
<div class="text-center p-4 bg-gradient-to-br from-blue-100 to-blue-200 rounded-xl">
<div class="text-3xl mb-2">📅</div>
<h4 class="font-bold">短期指标</h4>
<p class="text-sm mt-2">10月15日发布会内容</p>
</div>
<div class="text-center p-4 bg-gradient-to-br from-purple-100 to-purple-200 rounded-xl">
<div class="text-3xl mb-2">📊</div>
<h4 class="font-bold">中期指标</h4>
<p class="text-sm mt-2">供应商订单增长</p>
</div>
<div class="text-center p-4 bg-gradient-to-br from-green-100 to-green-200 rounded-xl">
<div class="text-3xl mb-2">🏭</div>
<h4 class="font-bold">验证指标</h4>
<p class="text-sm mt-2">客户产线导入进展</p>
</div>
<div class="text-center p-4 bg-gradient-to-br from-yellow-100 to-yellow-200 rounded-xl">
<div class="text-3xl mb-2">🌐</div>
<h4 class="font-bold">生态指标</h4>
<p class="text-sm mt-2">深重投后续动作</p>
</div>
</div>
</div>
</section>
<!-- 最终结论 -->
<section class="mb-12">
<div class="gradient-bg rounded-2xl shadow-2xl p-8 text-white">
<h2 class="text-3xl font-bold mb-6 flex items-center gap-3">
<i data-lucide="award" class="w-8 h-8"></i>
综合结论
</h2>
<div class="bg-white/20 backdrop-blur rounded-xl p-6">
<p class="text-lg leading-relaxed">
目前，"大湾区芯片展览会-新凯莱"概念仍处于<strong>典型的主题炒作阶段</strong>，但其内核具备向基本面驱动转化的巨大潜力。
10月15日的"惊喜"发布是决定其命运的<strong>"审判日"</strong>。
如果发布内容超预期，概念将进入价值发现阶段；反之，则可能是一地鸡毛。
投资者应重点关注上游核心供应商，同时保持对技术验证进展的密切跟踪，在把握机遇的同时控制风险。
</p>
</div>
</div>
</section>
</main>
<!-- Footer -->
<footer class="bg-gray-800 text-white py-8">
<div class="container mx-auto px-4 text-center">
<p class="mb-2">💡 专业投资分析 · 数据仅供参考</p>
<p class="text-sm opacity-75">最后更新：2025年10月10日</p>
</div>
</footer>
<script>
// Initialize Lucide icons
lucide.createIcons();
// Add scroll animations
const observerOptions = {
threshold: 0.1,
rootMargin: '0px 0px -50px 0px'
};
const observer = new IntersectionObserver((entries) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
entry.target.style.opacity = '1';
entry.target.style.transform = 'translateY(0)';
}
});
}, observerOptions);
document.querySelectorAll('.fade-in-up').forEach(el => {
el.style.opacity = '0';
el.style.transform = 'translateY(30px)';
el.style.transition = 'all 0.6s ease-out';
observer.observe(el);
});
// Add hover effect to cards
document.querySelectorAll('.glass-effect').forEach(card => {
card.addEventListener('mouseenter', function() {
this.style.transform = 'translateY(-5px)';
this.style.transition = 'all 0.3s ease';
});
card.addEventListener('mouseleave', function() {
this.style.transform = 'translateY(0)';
});
});
// Add click to copy functionality for stock names
document.querySelectorAll('.stock-row td:first-child').forEach(cell => {
cell.style.cursor = 'pointer';
cell.addEventListener('click', function() {
const text = this.innerText;
navigator.clipboard.writeText(text);
// Show tooltip
const tooltip = document.createElement('div');
tooltip.className = 'fixed bg-gray-800 text-white px-3 py-1 rounded text-sm z-50';
tooltip.innerText = '已复制: ' + text;
tooltip.style.top = (event.pageY - 30) + 'px';
tooltip.style.left = (event.pageX - 50) + 'px';
document.body.appendChild(tooltip);
setTimeout(() => {
tooltip.remove();
}, 1500);
});
});
</script>
</body>
</html>