583 lines
35 KiB
HTML
583 lines
35 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>苹果MR产业链分析报告</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">
|
||
<link href="https://cdn.jsdelivr.net/npm/daisyui@5" rel="stylesheet" type="text/css" />
|
||
<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
|
||
<style>
|
||
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');
|
||
|
||
body {
|
||
font-family: 'Inter', sans-serif;
|
||
background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
|
||
color: #e2e8f0;
|
||
overflow-x: hidden;
|
||
}
|
||
|
||
.glass-effect {
|
||
background: rgba(30, 41, 59, 0.7);
|
||
backdrop-filter: blur(10px);
|
||
border: 1px solid rgba(148, 163, 184, 0.1);
|
||
}
|
||
|
||
.accent-gradient {
|
||
background: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);
|
||
}
|
||
|
||
.timeline-dot {
|
||
position: relative;
|
||
}
|
||
|
||
.timeline-dot::before {
|
||
content: '';
|
||
position: absolute;
|
||
width: 12px;
|
||
height: 12px;
|
||
border-radius: 50%;
|
||
background: #3b82f6;
|
||
left: -6px;
|
||
top: 6px;
|
||
}
|
||
|
||
.timeline-line {
|
||
position: absolute;
|
||
left: 0;
|
||
top: 0;
|
||
bottom: 0;
|
||
width: 1px;
|
||
background: rgba(148, 163, 184, 0.2);
|
||
}
|
||
|
||
.card-hover {
|
||
transition: all 0.3s ease;
|
||
}
|
||
|
||
.card-hover:hover {
|
||
transform: translateY(-5px);
|
||
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
|
||
}
|
||
|
||
.table-container {
|
||
overflow-x: auto;
|
||
}
|
||
|
||
.table-container::-webkit-scrollbar {
|
||
height: 8px;
|
||
}
|
||
|
||
.table-container::-webkit-scrollbar-track {
|
||
background: rgba(30, 41, 59, 0.5);
|
||
border-radius: 4px;
|
||
}
|
||
|
||
.table-container::-webkit-scrollbar-thumb {
|
||
background: rgba(59, 130, 246, 0.5);
|
||
border-radius: 4px;
|
||
}
|
||
|
||
.table-container::-webkit-scrollbar-thumb:hover {
|
||
background: rgba(59, 130, 246, 0.8);
|
||
}
|
||
|
||
.industry-tag {
|
||
display: inline-block;
|
||
padding: 0.25rem 0.5rem;
|
||
border-radius: 9999px;
|
||
font-size: 0.75rem;
|
||
font-weight: 500;
|
||
}
|
||
|
||
#particles-js {
|
||
position: fixed;
|
||
width: 100%;
|
||
height: 100%;
|
||
top: 0;
|
||
left: 0;
|
||
z-index: -1;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div id="particles-js"></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 bg-clip-text text-transparent accent-gradient">苹果MR产业链分析</h1>
|
||
<p class="text-lg text-slate-300 max-w-3xl mx-auto">深度解析苹果Vision Pro及其产业链布局，探索空间计算时代的投资机遇</p>
|
||
</div>
|
||
|
||
<!-- 概念事件 -->
|
||
<div class="glass-effect rounded-2xl p-6 mb-8 card-hover">
|
||
<h2 class="text-2xl font-bold mb-6 flex items-center">
|
||
<i class="fas fa-calendar-alt mr-3 text-blue-400"></i>概念事件
|
||
</h2>
|
||
<div class="space-y-4">
|
||
<div class="flex">
|
||
<div class="w-24 flex-shrink-0 text-blue-400 font-medium">2023年6月</div>
|
||
<div class="timeline-dot pl-6">
|
||
<p>苹果在WWDC发布首款MR头显<strong class="text-blue-300">Vision Pro</strong>，定位"空间计算设备"，搭载M2+R1双芯片、Micro OLED 4K屏、3P Pancake光学方案，售价<strong class="text-purple-300">3499美元</strong>。</p>
|
||
</div>
|
||
</div>
|
||
<div class="flex">
|
||
<div class="w-24 flex-shrink-0 text-blue-400 font-medium">2024年1月</div>
|
||
<div class="timeline-dot pl-6">
|
||
<p>Vision Pro在美国开启预售，<strong class="text-green-300">5分钟售罄</strong>，发货排至3月，首年销量目标<strong class="text-purple-300">50万台</strong>（长江电子预测）。</p>
|
||
</div>
|
||
</div>
|
||
<div class="flex">
|
||
<div class="w-24 flex-shrink-0 text-blue-400 font-medium">2024年6月</div>
|
||
<div class="timeline-dot pl-6">
|
||
<p>苹果规划<strong class="text-blue-300">2026年推出两款AI眼镜</strong>（泛AI眼镜百万级、时尚眼镜带摄像头），同时布局<strong class="text-blue-300">桌面机器人、IP Camera、AirPods手势识别</strong>等新品（新闻2024-11-20）。</p>
|
||
</div>
|
||
</div>
|
||
<div class="flex">
|
||
<div class="w-24 flex-shrink-0 text-blue-400 font-medium">产业链催化</div>
|
||
<div class="timeline-dot pl-6">
|
||
<p>2024年Q4起，Vision Pro良率提升（索尼→京东方/视涯）、二代产品降本（BOM从<strong class="text-red-300">1500美元→900美元</strong>）、AI功能迭代（iOS 18.4 Beta强化Siri空间感知）。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 核心观点摘要 -->
|
||
<div class="glass-effect rounded-2xl p-6 mb-8 card-hover">
|
||
<h2 class="text-2xl font-bold mb-6 flex items-center">
|
||
<i class="fas fa-lightbulb mr-3 text-yellow-400"></i>核心观点摘要
|
||
</h2>
|
||
<div class="grid grid-cols-1 md:grid-cols-3 gap-6">
|
||
<div class="bg-slate-800 bg-opacity-50 rounded-xl p-5 border border-slate-700">
|
||
<h3 class="text-lg font-semibold mb-3 text-blue-300">阶段判断</h3>
|
||
<p>苹果MR处于"<strong class="text-blue-300">技术验证→生态爆发</strong>"过渡期，Vision Pro是标杆但非放量产品，<strong class="text-purple-300">2026年AI眼镜+折叠屏iPhone</strong>或成真正拐点。</p>
|
||
</div>
|
||
<div class="bg-slate-800 bg-opacity-50 rounded-xl p-5 border border-slate-700">
|
||
<h3 class="text-lg font-semibold mb-3 text-green-300">核心驱动力</h3>
|
||
<p><strong class="text-green-300">Micro OLED降本</strong>（良率从30%→70%）+ <strong class="text-green-300">AI原生应用</strong>（空间视频、3D会议）+ <strong class="text-green-300">供应链国产化</strong>（京东方/视涯替代索尼）。</p>
|
||
</div>
|
||
<div class="bg-slate-800 bg-opacity-50 rounded-xl p-5 border border-slate-700">
|
||
<h3 class="text-lg font-semibold mb-3 text-purple-300">未来潜力</h3>
|
||
<p>若二代MR价格降至<strong class="text-purple-300">1500-2000美元</strong>（方正传媒预测），出货量有望从<strong class="text-purple-300">百万级→千万级</strong>（对标iPad）。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 核心逻辑与市场认知 -->
|
||
<div class="glass-effect rounded-2xl p-6 mb-8 card-hover">
|
||
<h2 class="text-2xl font-bold mb-6 flex items-center">
|
||
<i class="fas fa-brain mr-3 text-purple-400"></i>核心逻辑与市场认知
|
||
</h2>
|
||
<div class="tabs tabs-lifted">
|
||
<input type="radio" name="my_tabs_2" class="tab" checked />
|
||
<div class="tab-lifted tab-active text-blue-400">核心驱动力</div>
|
||
|
||
<input type="radio" name="my_tabs_2" class="tab" />
|
||
<div class="tab-lifted text-blue-400">市场热度与情绪</div>
|
||
|
||
<input type="radio" name="my_tabs_2" class="tab" />
|
||
<div class="tab-lifted text-blue-400">预期差分析</div>
|
||
|
||
<div class="tab-content bg-slate-800 bg-opacity-50 rounded-box p-6 border border-slate-700">
|
||
<div class="tab-pane">
|
||
<div class="space-y-4">
|
||
<div class="flex items-start">
|
||
<div class="bg-blue-500 rounded-full w-8 h-8 flex items-center justify-center mr-3 flex-shrink-0">1</div>
|
||
<div>
|
||
<h4 class="font-semibold text-blue-300">技术突破</h4>
|
||
<p>Micro OLED（3400 PPI）、3P Pancake（减重30%）、R1芯片（12ms延迟）解决眩晕痛点（路演2024-01-15）。</p>
|
||
</div>
|
||
</div>
|
||
<div class="flex items-start">
|
||
<div class="bg-blue-500 rounded-full w-8 h-8 flex items-center justify-center mr-3 flex-shrink-0">2</div>
|
||
<div>
|
||
<h4 class="font-semibold text-blue-300">成本曲线</h4>
|
||
<p>一代BOM <strong class="text-red-300">1500美元</strong>（索尼屏占46%），二代通过<strong class="text-green-300">拼接屏+国产替代</strong>降至<strong class="text-green-300">900美元</strong>（华泰电子2025-01-21）。</p>
|
||
</div>
|
||
</div>
|
||
<div class="flex items-start">
|
||
<div class="bg-blue-500 rounded-full w-8 h-8 flex items-center justify-center mr-3 flex-shrink-0">3</div>
|
||
<div>
|
||
<h4 class="font-semibold text-blue-300">AI融合</h4>
|
||
<p>VisionOS支持<strong class="text-purple-300">空间视频拍摄</strong>（iPhone联动）、<strong class="text-purple-300">AI手势识别</strong>（AirPods非摄像头方案），打开B端办公场景（长江电子2024-02-19）。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="tab-pane">
|
||
<div class="space-y-4">
|
||
<div>
|
||
<h4 class="font-semibold text-green-300 mb-2">研报密集度</h4>
|
||
<p>2024年1-2月超10篇深度报告（中泰、长江、安信），一致预期"<strong class="text-green-300">2025年MR大年</strong>"。</p>
|
||
</div>
|
||
<div>
|
||
<h4 class="font-semibold text-yellow-300 mb-2">情绪分歧</h4>
|
||
<p>乐观派看"<strong class="text-green-300">iPhone时刻再现</strong>"（国泰君安2023-06），谨慎派担忧"<strong class="text-red-300">高价抑制需求</strong>"（首年50万台 vs iPhone年销2亿）。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="tab-pane">
|
||
<div class="space-y-4">
|
||
<div>
|
||
<h4 class="font-semibold text-purple-300 mb-2">忽略点</h4>
|
||
<p>Vision Pro本质是<strong class="text-purple-300">开发者工具</strong>（WWDC优先发布系统而非硬件），二代产品才是消费级放量关键。</p>
|
||
</div>
|
||
<div>
|
||
<h4 class="font-semibold text-purple-300 mb-2">矛盾点</h4>
|
||
<p>新闻称2026年推AI眼镜，但路演显示<strong class="text-red-300">AR眼镜项目已暂停</strong>（民生电子2023-04-02），需验证苹果是否转向轻量级MR。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 关键催化剂与未来发展路径 -->
|
||
<div class="glass-effect rounded-2xl p-6 mb-8 card-hover">
|
||
<h2 class="text-2xl font-bold mb-6 flex items-center">
|
||
<i class="fas fa-rocket mr-3 text-green-400"></i>关键催化剂与未来发展路径
|
||
</h2>
|
||
<div class="grid grid-cols-1 md:grid-cols-2 gap-8">
|
||
<div>
|
||
<h3 class="text-xl font-semibold mb-4 text-green-300">近期催化剂（3-6个月）</h3>
|
||
<div class="space-y-3">
|
||
<div class="flex items-start">
|
||
<div class="bg-green-500 rounded-full w-6 h-6 flex items-center justify-center mr-3 flex-shrink-0 text-xs">1</div>
|
||
<p><strong class="text-green-300">2024年Q2</strong>：Vision Pro中国上市（京东/天猫已降价至<strong class="text-purple-300">6000元内享国补</strong>），关注<strong class="text-blue-300">首周激活数据</strong>（长江电子2025-01-20）。</p>
|
||
</div>
|
||
<div class="flex items-start">
|
||
<div class="bg-green-500 rounded-full w-6 h-6 flex items-center justify-center mr-3 flex-shrink-0 text-xs">2</div>
|
||
<p><strong class="text-green-300">2024年6月</strong>：苹果开发者大会（WWDC）或发布<strong class="text-blue-300">AI眼镜开发工具</strong>，催化内容生态。</p>
|
||
</div>
|
||
<div class="flex items-start">
|
||
<div class="bg-green-500 rounded-full w-6 h-6 flex items-center justify-center mr-3 flex-shrink-0 text-xs">3</div>
|
||
<p><strong class="text-green-300">2024年Q3</strong>：京东方/视涯Micro OLED良率突破<strong class="text-blue-300">50%</strong>（当前30%），推动二代MR成本下降。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div>
|
||
<h3 class="text-xl font-semibold mb-4 text-purple-300">长期路径</h3>
|
||
<div class="space-y-3">
|
||
<div class="flex items-start">
|
||
<div class="bg-purple-500 rounded-full w-6 h-6 flex items-center justify-center mr-3 flex-shrink-0 text-xs">1</div>
|
||
<p><strong class="text-purple-300">2024-2025</strong>：Vision Pro验证技术，<strong class="text-blue-300">二代MR（2025H2）</strong>降价至<strong class="text-blue-300">1500美元</strong>，出货量<strong class="text-blue-300">500万台</strong>（方正传媒）。</p>
|
||
</div>
|
||
<div class="flex items-start">
|
||
<div class="bg-purple-500 rounded-full w-6 h-6 flex items-center justify-center mr-3 flex-shrink-0 text-xs">2</div>
|
||
<p><strong class="text-purple-300">2026-2027</strong>：AI眼镜+折叠屏iPhone形成<strong class="text-blue-300">"MR+手机"生态闭环</strong>，年出货量<strong class="text-blue-300">千万级</strong>（对标iPad）。</p>
|
||
</div>
|
||
<div class="flex items-start">
|
||
<div class="bg-purple-500 rounded-full w-6 h-6 flex items-center justify-center mr-3 flex-shrink-0 text-xs">3</div>
|
||
<p><strong class="text-purple-300">2028+</strong>：MR成为<strong class="text-blue-300">空间计算平台</strong>，替代部分iPad/笔记本场景（安信电子预测）。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 产业链与核心公司 -->
|
||
<div class="glass-effect rounded-2xl p-6 mb-8 card-hover">
|
||
<h2 class="text-2xl font-bold mb-6 flex items-center">
|
||
<i class="fas fa-network-wired mr-3 text-indigo-400"></i>产业链与核心公司
|
||
</h2>
|
||
|
||
<div class="mb-8">
|
||
<h3 class="text-xl font-semibold mb-4 text-indigo-300">产业链图谱</h3>
|
||
<div class="grid grid-cols-1 md:grid-cols-3 gap-4">
|
||
<div class="bg-slate-800 bg-opacity-50 rounded-xl p-4 border border-slate-700">
|
||
<h4 class="font-semibold text-blue-300 mb-2">上游</h4>
|
||
<p>Micro OLED（索尼→京东方/视涯）、Pancake光学（玉晶光/扬明光）、传感器（索尼/TDK）</p>
|
||
</div>
|
||
<div class="bg-slate-800 bg-opacity-50 rounded-xl p-4 border border-slate-700">
|
||
<h4 class="font-semibold text-green-300 mb-2">中游</h4>
|
||
<p>组装（立讯精密70%+和硕30%）、检测设备（华兴源创/杰普特）</p>
|
||
</div>
|
||
<div class="bg-slate-800 bg-opacity-50 rounded-xl p-4 border border-slate-700">
|
||
<h4 class="font-semibold text-purple-300 mb-2">下游</h4>
|
||
<p>苹果生态（Disney+、Unity）、B端应用（医疗/教育）</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div>
|
||
<h3 class="text-xl font-semibold mb-4 text-indigo-300">核心玩家对比</h3>
|
||
<div class="overflow-x-auto table-container">
|
||
<table class="table w-full">
|
||
<thead>
|
||
<tr class="border-b border-slate-700">
|
||
<th class="text-left p-3 text-slate-300">公司</th>
|
||
<th class="text-left p-3 text-slate-300">角色</th>
|
||
<th class="text-left p-3 text-slate-300">优势</th>
|
||
<th class="text-left p-3 text-slate-300">风险</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr class="border-b border-slate-800 hover:bg-slate-800 hover:bg-opacity-30">
|
||
<td class="p-3 font-semibold text-blue-300">立讯精密</td>
|
||
<td class="p-3">整机组装（独家）</td>
|
||
<td class="p-3">苹果深度绑定，二代份额或提升</td>
|
||
<td class="p-3 text-red-300">估值已反映预期（25年PE 15x）</td>
|
||
</tr>
|
||
<tr class="border-b border-slate-800 hover:bg-slate-800 hover:bg-opacity-30">
|
||
<td class="p-3 font-semibold text-blue-300">兆威机电</td>
|
||
<td class="p-3">IPD调节模组（独供）</td>
|
||
<td class="p-3">精密传动技术壁垒，单价<strong class="text-green-300">20美元</strong></td>
|
||
<td class="p-3 text-red-300">客户集中度高（苹果占60%）</td>
|
||
</tr>
|
||
<tr class="border-b border-slate-800 hover:bg-slate-800 hover:bg-opacity-30">
|
||
<td class="p-3 font-semibold text-blue-300">华兴源创</td>
|
||
<td class="p-3">Micro OLED检测设备</td>
|
||
<td class="p-3">索尼/京东方核心供应商，单机<strong class="text-green-300">70万美元</strong></td>
|
||
<td class="p-3 text-red-300">设备订单滞后于量产节奏</td>
|
||
</tr>
|
||
<tr class="border-b border-slate-800 hover:bg-slate-800 hover:bg-opacity-30">
|
||
<td class="p-3 font-semibold text-blue-300">歌尔股份</td>
|
||
<td class="p-3">声学/传感器</td>
|
||
<td class="p-3">曾为Meta代工，技术复用性强</td>
|
||
<td class="p-3 text-red-300">苹果订单占比低（<10%）</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 股票数据表格 -->
|
||
<div class="glass-effect rounded-2xl p-6 mb-8 card-hover">
|
||
<h2 class="text-2xl font-bold mb-6 flex items-center">
|
||
<i class="fas fa-table mr-3 text-cyan-400"></i>苹果MR产业链股票数据
|
||
</h2>
|
||
<div class="overflow-x-auto table-container">
|
||
<table class="table w-full">
|
||
<thead>
|
||
<tr class="border-b border-slate-700">
|
||
<th class="text-left p-3 text-slate-300">股票</th>
|
||
<th class="text-left p-3 text-slate-300">项目</th>
|
||
<th class="text-left p-3 text-slate-300">行业</th>
|
||
<th class="text-left p-3 text-slate-300">总价(美元)</th>
|
||
<th class="text-left p-3 text-slate-300">占比(%)</th>
|
||
<th class="text-left p-3 text-slate-300">原因</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody id="stockTableBody">
|
||
<!-- 股票数据将通过JavaScript动态填充 -->
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 潜在风险与挑战 -->
|
||
<div class="glass-effect rounded-2xl p-6 mb-8 card-hover">
|
||
<h2 class="text-2xl font-bold mb-6 flex items-center">
|
||
<i class="fas fa-exclamation-triangle mr-3 text-red-400"></i>潜在风险与挑战
|
||
</h2>
|
||
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
|
||
<div class="bg-red-900 bg-opacity-20 rounded-xl p-5 border border-red-800">
|
||
<h3 class="text-lg font-semibold mb-3 text-red-300">技术风险</h3>
|
||
<p>Micro OLED良率<strong class="text-red-300"><50%</strong>（索尼产能90万片/年，仅够30万台），京东方12英寸产线2025年才量产。</p>
|
||
</div>
|
||
<div class="bg-red-900 bg-opacity-20 rounded-xl p-5 border border-red-800">
|
||
<h3 class="text-lg font-semibold mb-3 text-red-300">商业化风险</h3>
|
||
<p>Vision Pro重量<strong class="text-red-300">600-650g</strong>（路演2024-02-02），长时间佩戴体验存疑。</p>
|
||
</div>
|
||
<div class="bg-red-900 bg-opacity-20 rounded-xl p-5 border border-red-800">
|
||
<h3 class="text-lg font-semibold mb-3 text-red-300">竞争风险</h3>
|
||
<p>Meta Quest 3售价<strong class="text-red-300">499美元</strong>，苹果高价策略或限制渗透。</p>
|
||
</div>
|
||
<div class="bg-red-900 bg-opacity-20 rounded-xl p-5 border border-red-800">
|
||
<h3 class="text-lg font-semibold mb-3 text-red-300">信息矛盾</h3>
|
||
<p>新闻称2026年推AI眼镜，但路演显示<strong class="text-red-300">AR眼镜项目已暂停</strong>（民生电子2023-04-02），需跟踪苹果路线调整。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 综合结论与投资启示 -->
|
||
<div class="glass-effect rounded-2xl p-6 mb-8 card-hover">
|
||
<h2 class="text-2xl font-bold mb-6 flex items-center">
|
||
<i class="fas fa-chart-line mr-3 text-emerald-400"></i>综合结论与投资启示
|
||
</h2>
|
||
<div class="space-y-6">
|
||
<div class="bg-emerald-900 bg-opacity-20 rounded-xl p-5 border border-emerald-800">
|
||
<h3 class="text-lg font-semibold mb-3 text-emerald-300">阶段判断</h3>
|
||
<p>当前处于<strong class="text-emerald-300">"技术标杆+生态培育"</strong>阶段，<strong class="text-emerald-300">2025年二代MR</strong>才是基本面拐点。</p>
|
||
</div>
|
||
|
||
<div>
|
||
<h3 class="text-lg font-semibold mb-3 text-emerald-300">投资方向</h3>
|
||
<div class="space-y-3">
|
||
<div class="flex items-start">
|
||
<div class="bg-emerald-500 rounded-full w-6 h-6 flex items-center justify-center mr-3 flex-shrink-0 text-xs">1</div>
|
||
<p><strong class="text-emerald-300">弹性最大</strong>：<strong class="text-blue-300">Micro OLED国产化</strong>（京东方/视涯供应链：精测电子、华兴源创）。</p>
|
||
</div>
|
||
<div class="flex items-start">
|
||
<div class="bg-emerald-500 rounded-full w-6 h-6 flex items-center justify-center mr-3 flex-shrink-0 text-xs">2</div>
|
||
<p><strong class="text-emerald-300">确定性最高</strong>：<strong class="text-blue-300">立讯精密</strong>（二代组装份额提升+估值低位）。</p>
|
||
</div>
|
||
<div class="flex items-start">
|
||
<div class="bg-emerald-500 rounded-full w-6 h-6 flex items-center justify-center mr-3 flex-shrink-0 text-xs">3</div>
|
||
<p><strong class="text-emerald-300">预期差</strong>：<strong class="text-blue-300">兆威机电</strong>（IPD模组技术壁垒，未被充分定价）。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div>
|
||
<h3 class="text-lg font-semibold mb-3 text-emerald-300">跟踪指标</h3>
|
||
<div class="grid grid-cols-1 md:grid-cols-3 gap-4">
|
||
<div class="bg-slate-800 bg-opacity-50 rounded-xl p-4 border border-slate-700">
|
||
<p><strong class="text-blue-300">2024年Q2中国销量</strong></p>
|
||
<p class="text-sm text-slate-400">验证需求</p>
|
||
</div>
|
||
<div class="bg-slate-800 bg-opacity-50 rounded-xl p-4 border border-slate-700">
|
||
<p><strong class="text-blue-300">京东方Micro OLED良率</strong></p>
|
||
<p class="text-sm text-slate-400">决定二代成本</p>
|
||
</div>
|
||
<div class="bg-slate-800 bg-opacity-50 rounded-xl p-4 border border-slate-700">
|
||
<p><strong class="text-blue-300">WWDC 2024 AI眼镜进展</strong></p>
|
||
<p class="text-sm text-slate-400">验证苹果路线</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<script>
|
||
// 股票数据
|
||
const stockData = [{'苹果MR产业链(240103)': [{'stock': 'LG', '项目': '外屏', '行业': '显示屏幕', '分类': '苹果MR产业链', '产业链': '苹果MR', '总价(美元)': 30, '占比': 2.0, 'reason': '视涯Micro OLED检测设备涉及精测电子（单机价值量75元）、易天股份（35元）、智云股份（16元）、华兴源创（70元）'}, {'stock': '索尼', '项目': '内屏', '行业': '显示屏幕', '分类': '苹果MR产业链', '产业链': '苹果MR', '总价(美元)': 700, '占比': 46.4, 'reason': '备注中说明改为视涯和京东方后，涉及华兴创源检测设备'}, {'stock': '苹果', '项目': '主处理器', '行业': '计算机和存储', '分类': '苹果MR产业链', '产业链': '苹果MR', '总价(美元)': 120, '占比': 8.0, 'reason': '无特殊说明'}, {'stock': '苹果', '项目': '协处理器', '行业': '计算机和存储', '分类': '苹果MR产业链', '产业链': '苹果MR', '总价(美元)': 60, '占比': 4.0, 'reason': '无特殊说明'}, {'stock': '三星', '项目': 'ROM', '行业': '计算机和存储', '分类': '苹果MR产业链', '产业链': '苹果MR', '总价(美元)': 20, '占比': 1.3, 'reason': '无特殊说明'}, {'stock': '海力士', '项目': 'RAM', '行业': '计算机和存储', '分类': '苹果MR产业链', '产业链': '苹果MR', '总价(美元)': 30, '占比': 2.0, 'reason': '无特殊说明'}, {'stock': '三星', '项目': 'RAM', '行业': '计算机和存储', '分类': '苹果MR产业链', '产业链': '苹果MR', '总价(美元)': 30, '占比': 2.0, 'reason': '无特殊说明'}, {'stock': '博通', '项目': 'WiFi SIP', '行业': '计算机和存储', '分类': '苹果MR产业链', '产业链': '苹果MR', '总价(美元)': 6, '占比': 0.4, 'reason': '无特殊说明'}, {'stock': 'Skyworks', '项目': 'WiFi SIP', '行业': '计算机和存储', '分类': '苹果MR产业链', '产业链': '苹果MR', '总价(美元)': 6, '占比': 0.4, 'reason': '无特殊说明'}, {'stock': '博通', '项目': 'BLE', '行业': '计算机和存储', '分类': '苹果MR产业链', '产业链': '苹果MR', '总价(美元)': 2, '占比': 0.1, 'reason': '无特殊说明'}, {'stock': 'Skyworks', '项目': 'BLE', '行业': '计算机和存储', '分类': '苹果MR产业链', '产业链': '苹果MR', '总价(美元)': 2, '占比': 0.1, 'reason': '无特殊说明'}, {'stock': '苹果', '项目': 'PMIC', '行业': '计算机和存储', '分类': '苹果MR产业链', '产业链': '苹果MR', '总价(美元)': 4, '占比': 0.3, 'reason': '无特殊说明'}, {'stock': 'ST', '项目': 'PMIC', '行业': '计算机和存储', '分类': '苹果MR产业链', '产业链': '苹果MR', '总价(美元)': 4, '占比': 0.3, 'reason': '无特殊说明'}, {'stock': 'TI', '项目': 'PMIC', '行业': '计算机和存储', '分类': '苹果MR产业链', '产业链': '苹果MR', '总价(美元)': 4, '占比': 0.3, 'reason': '无特殊说明'}, {'stock': '玉晶光', '项目': 'pancake镜片3片', '行业': '光学', '分类': '苹果MR产业链', '产业链': '苹果MR', '总价(美元)': 60, '占比': 4.0, 'reason': 'pancake镜片检测设备涉及杰普特（功能检测单机价值量60元）、荣旗科技（外观检测80元）、深科达（镀膜设备100元）'}, {'stock': '扬明光', '项目': 'pancake镜片3片', '行业': '光学', '分类': '苹果MR产业链', '产业链': '苹果MR', '总价(美元)': 60, '占比': 4.0, 'reason': 'pancake镜片检测设备涉及杰普特（功能检测单机价值量60元）、荣旗科技（外观检测80元）、深科达（镀膜设备100元）'}, {'stock': '兆威机电', '项目': 'IPD电动调节模组', '行业': '光学', '分类': '苹果MR产业链', '产业链': '苹果MR', '总价(美元)': 20, '占比': 1.3, 'reason': '科瑞技术提供检测设备'}, {'stock': '大立光', '项目': '6DOF追踪', '行业': '光学', '分类': '苹果MR产业链', '产业链': '苹果MR', '总价(美元)': 20, '占比': 1.3, 'reason': '无特殊说明'}, {'stock': '高伟电子', '项目': '6DOF追踪', '行业': '光学', '分类': '苹果MR产业链', '产业链': '苹果MR', '总价(美元)': 20, '占比': 1.3, 'reason': '无特殊说明'}, {'stock': '大立光', '项目': 'VST摄像头', '行业': '光学', '分类': '苹果MR产业链', '产业链': '苹果MR', '总价(美元)': 16, '占比': 1.1, 'reason': '无特殊说明'}, {'stock': '高伟电子', '项目': 'VST摄像头', '行业': '光学', '分类': '苹果MR产业链', '产业链': '苹果MR', '总价(美元)': 16, '占比': 1.1, 'reason': '无特殊说明'}, {'stock': '索尼', '项目': '眼动追踪', '行业': '交互传感器', '分类': '苹果MR产业链', '产业链': '苹果MR', '总价(美元)': 24, '占比': 1.6, 'reason': '无特殊说明'}, {'stock': '索尼', '项目': '面部追踪', '行业': '交互传感器', '分类': '苹果MR产业链', '产业链': '苹果MR', '总价(美元)': 24, '占比': 1.6, 'reason': '无特殊说明'}, {'stock': '大立光', '项目': '躯干追踪', '行业': '交互传感器', '分类': '苹果MR产业链', '产业链': '苹果MR', '总价(美元)': 10, '占比': 0.7, 'reason': '传感器检测设备涉及智立方（单机价值量75元）'}, {'stock': '高伟电子', '项目': '躯干追踪', '行业': '交互传感器', '分类': '苹果MR产业链', '产业链': '苹果MR', '总价(美元)': 10, '占比': 0.7, 'reason': '传感器检测设备涉及智立方（单机价值量75元）'}, {'stock': '大立光', '项目': '手势追踪', '行业': '交互传感器', '分类': '苹果MR产业链', '产业链': '苹果MR', '总价(美元)': 10, '占比': 0.7, 'reason': '无特殊说明'}, {'stock': '富士康', '项目': '手势追踪', '行业': '交互传感器', '分类': '苹果MR产业链', '产业链': '苹果MR', '总价(美元)': 10, '占比': 0.7, 'reason': '无特殊说明'}, {'stock': '玉晶光', '项目': 'TOF', '行业': '交互传感器', '分类': '苹果MR产业链', '产业链': '苹果MR', '总价(美元)': 10, '占比': 0.7, 'reason': '无特殊说明'}, {'stock': 'TDK', '项目': 'IMU', '行业': '交互传感器', '分类': '苹果MR产业链', '产业链': '苹果MR', '总价(美元)': 3, '占比': 0.2, 'reason': '无特殊说明'}, {'stock': '长盈精密', '项目': '中框、外壳等', '行业': '结构件', '分类': '苹果MR产业链', '产业链': '苹果MR', '总价(美元)': 120, '占比': 8.0, 'reason': '无特殊说明'}, {'stock': '领益智造', '项目': '中框、外壳等', '行业': '结构件', '分类': '苹果MR产业链', '产业链': '苹果MR', '总价(美元)': 120, '占比': 8.0, 'reason': '无特殊说明'}, {'stock': '鹏鼎控股', '项目': 'PCB', '行业': '连接件', '分类': '苹果MR产业链', '产业链': '苹果MR', '总价(美元)': 8, '占比': 0.5, 'reason': '无特殊说明'}, {'stock': '鹏鼎控股', '项目': 'FPC', '行业': '连接件', '分类': '苹果MR产业链', '产业链': '苹果MR', '总价(美元)': 6, '占比': 0.4, 'reason': '无特殊说明'}, {'stock': '德赛电池', '项目': '头显电池', '行业': '电池', '分类': '苹果MR产业链', '产业链': '苹果MR', '总价(美元)': 3, '占比': 0.2, 'reason': '无特殊说明'}, {'stock': '德赛电池', '项目': '外置电池', '行业': '电池', '分类': '苹果MR产业链', '产业链': '苹果MR', '总价(美元)': 15, '占比': 1.0, 'reason': '无特殊说明'}, {'stock': '美律', '项目': 'MIC', '行业': '声学', '分类': '苹果MR产业链', '产业链': '苹果MR', '总价(美元)': 3, '占比': 0.2, 'reason': '无特殊说明'}, {'stock': '歌尔股份', '项目': 'SPK', '行业': '声学', '分类': '苹果MR产业链', '产业链': '苹果MR', '总价(美元)': 8, '占比': 0.5, 'reason': '无特殊说明'}, {'stock': '赛腾股份', '项目': '检测设备', '行业': '包装附件', '分类': '苹果MR产业链', '产业链': '苹果MR', '总价(美元)': 15, '占比': 1.0, 'reason': '提供检测设备'}, {'stock': '立讯精密', '项目': 'ODM/OEM', '行业': 'ODM/OEM', '分类': '苹果MR产业链', '产业链': '苹果MR', '总价(美元)': 130, '占比': 8.6, 'reason': '赛腾股份提供检测设备，博众精工（模组整机组装设备单机价值量100元）、大族激光（加工设备200元）'}]}];
|
||
|
||
// 渲染股票表格
|
||
document.addEventListener('DOMContentLoaded', function() {
|
||
const stockTableBody = document.getElementById('stockTableBody');
|
||
const stocks = stockData[0]['苹果MR产业链(240103)'];
|
||
|
||
stocks.forEach(stock => {
|
||
const row = document.createElement('tr');
|
||
row.className = 'border-b border-slate-800 hover:bg-slate-800 hover:bg-opacity-30';
|
||
|
||
// 行业标签颜色
|
||
let industryColor = 'bg-blue-900 text-blue-300';
|
||
if (stock['行业'] === '光学') {
|
||
industryColor = 'bg-green-900 text-green-300';
|
||
} else if (stock['行业'] === '计算机和存储') {
|
||
industryColor = 'bg-purple-900 text-purple-300';
|
||
} else if (stock['行业'] === '交互传感器') {
|
||
industryColor = 'bg-yellow-900 text-yellow-300';
|
||
} else if (stock['行业'] === '结构件') {
|
||
industryColor = 'bg-red-900 text-red-300';
|
||
} else if (stock['行业'] === '连接件') {
|
||
industryColor = 'bg-indigo-900 text-indigo-300';
|
||
} else if (stock['行业'] === '电池') {
|
||
industryColor = 'bg-pink-900 text-pink-300';
|
||
} else if (stock['行业'] === '声学') {
|
||
industryColor = 'bg-cyan-900 text-cyan-300';
|
||
}
|
||
|
||
// 占比颜色
|
||
let percentageColor = 'text-slate-300';
|
||
if (stock['占比'] > 10) {
|
||
percentageColor = 'text-red-400 font-bold';
|
||
} else if (stock['占比'] > 5) {
|
||
percentageColor = 'text-orange-400 font-bold';
|
||
} else if (stock['占比'] > 2) {
|
||
percentageColor = 'text-yellow-400 font-bold';
|
||
}
|
||
|
||
row.innerHTML = `
|
||
<td class="p-3 font-semibold text-blue-300">${stock['stock']}</td>
|
||
<td class="p-3">${stock['项目']}</td>
|
||
<td class="p-3">
|
||
<span class="industry-tag ${industryColor}">${stock['行业']}</span>
|
||
</td>
|
||
<td class="p-3 font-semibold">${stock['总价(美元)']}</td>
|
||
<td class="p-3 ${percentageColor}">${stock['占比']}%</td>
|
||
<td class="p-3 text-sm text-slate-400">${stock['reason']}</td>
|
||
`;
|
||
|
||
stockTableBody.appendChild(row);
|
||
});
|
||
});
|
||
|
||
// 粒子背景
|
||
document.addEventListener('DOMContentLoaded', function() {
|
||
if (typeof tsParticles !== 'undefined') {
|
||
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: "#3b82f6",
|
||
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>
|
||
|
||
<script src="https://cdn.jsdelivr.net/npm/tsparticles@3/tsparticles.bundle.min.js"></script>
|
||
</body>
|
||
</html>
|
||
``` |