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

init

Browse Source
This commit is contained in:
zzlgreat
2025-11-05 10:56:56 +08:00
parent 467dad8449
commit fc37df4385
3499 changed files with 1063743 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

719
public/htmls/AR镀膜.html Normal file
View File

@@ -0,0 +1,719 @@
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AR镀膜概念分析 - 增强现实技术核心环节</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.0/font/bootstrap-icons.css">
<style>
:root {
--primary-color: #3b82f6;
--secondary-color: #8b5cf6;
--accent-color: #ec4899;
--dark-color: #1e293b;
--light-bg: #f8fafc;
}
body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
color: var(--dark-color);
background-color: var(--light-bg);
}
.hero-section {
background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
color: white;
padding: 4rem 0;
position: relative;
overflow: hidden;
}
.hero-section::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="%23ffffff" fill-opacity="0.1" d="M0,96L48,112C96,128,192,160,288,160C384,160,480,128,576,122.7C672,117,768,139,864,133.3C960,128,1056,96,1152,90.7C1248,85,1344,107,1392,117.3L1440,128L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"></path></svg>') no-repeat bottom;
background-size: cover;
}
.section-title {
position: relative;
padding-bottom: 1rem;
margin-bottom: 2rem;
}
.section-title::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 60px;
height: 4px;
background: var(--accent-color);
}
.timeline {
position: relative;
padding: 2rem 0;
}
.timeline::before {
content: '';
position: absolute;
left: 50%;
top: 0;
bottom: 0;
width: 2px;
background: #e2e8f0;
transform: translateX(-50%);
}
.timeline-item {
position: relative;
margin-bottom: 2rem;
}
.timeline-item::before {
content: '';
position: absolute;
left: 50%;
top: 0;
width: 16px;
height: 16px;
border-radius: 50%;
background: var(--primary-color);
transform: translateX(-50%);
z-index: 1;
}
.timeline-content {
background: white;
padding: 1.5rem;
border-radius: 8px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
width: 45%;
}
.timeline-item:nth-child(odd) .timeline-content {
margin-left: auto;
}
.timeline-date {
font-weight: bold;
color: var(--primary-color);
margin-bottom: 0.5rem;
}
.card {
border: none;
border-radius: 12px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
transition: transform 0.3s ease, box-shadow 0.3s ease;
height: 100%;
}
.card:hover {
transform: translateY(-5px);
box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
}
.card-header {
background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
color: white;
border-radius: 12px 12px 0 0 !important;
padding: 1rem;
}
.stock-table {
background: white;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}
.stock-table thead {
background: var(--primary-color);
color: white;
}
.stock-table tbody tr:hover {
background-color: #f1f5f9;
}
.badge-tech {
background-color: var(--primary-color);
}
.badge-app {
background-color: var(--secondary-color);
}
.badge-risk {
background-color: #ef4444;
}
.badge-opportunity {
background-color: #10b981;
}
.stat-card {
background: white;
border-radius: 12px;
padding: 1.5rem;
text-align: center;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
transition: transform 0.3s ease;
}
.stat-card:hover {
transform: translateY(-5px);
}
.stat-number {
font-size: 2.5rem;
font-weight: bold;
color: var(--primary-color);
}
.stat-label {
color: #64748b;
margin-top: 0.5rem;
}
@media (max-width: 768px) {
.timeline::before {
left: 20px;
}
.timeline-item::before {
left: 20px;
}
.timeline-content {
width: calc(100% - 50px);
margin-left: 50px !important;
}
.hero-section {
padding: 2rem 0;
}
}
</style>
</head>
<body>
<!-- 导航栏 -->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark sticky-top">
<div class="container">
<a class="navbar-brand" href="#"><i class="bi bi-eye"></i> AR镀膜概念分析</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<li class="nav-item"><a class="nav-link" href="#overview">概述</a></li>
<li class="nav-item"><a class="nav-link" href="#timeline">时间轴</a></li>
<li class="nav-item"><a class="nav-link" href="#drivers">核心驱动力</a></li>
<li class="nav-item"><a class="nav-link" href="#stocks">相关股票</a></li>
<li class="nav-item"><a class="nav-link" href="#future">未来展望</a></li>
<li class="nav-item"><a class="nav-link" href="#risks">风险挑战</a></li>
</ul>
</div>
</div>
</nav>
<!-- 英雄区域 -->
<section class="hero-section">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-8">
<h1 class="display-4 fw-bold mb-4">AR镀膜：增强现实技术的核心环节</h1>
<p class="lead mb-4">AR镀膜技术正处于从技术突破向大规模商业化过渡的关键阶段，核心驱动力来自于AR眼镜等消费电子产品的快速普及和镀膜工艺的技术突破。</p>
<div class="d-flex flex-wrap gap-3">
<span class="badge bg-light text-dark fs-6"><i class="bi bi-graph-up"></i> 市场规模：270亿美元</span>
<span class="badge bg-light text-dark fs-6"><i class="bi bi-percent"></i> 年复合增长率：6.7%+</span>
<span class="badge bg-light text-dark fs-6"><i class="bi bi-globe"></i> 亚太市场份额：45%-50%</span>
</div>
</div>
<div class="col-lg-4 text-center">
<img src="https://picsum.photos/seed/ar-coating/400/300" alt="AR镀膜技术" class="img-fluid rounded-3 shadow-lg">
</div>
</div>
</div>
</section>
<!-- 概述部分 -->
<section id="overview" class="py-5">
<div class="container">
<h2 class="section-title">核心观点摘要</h2>
<div class="row">
<div class="col-lg-8">
<div class="card">
<div class="card-body">
<p class="lead">AR镀膜技术正处于从技术突破向大规模商业化过渡的关键阶段，核心驱动力来自于AR眼镜等消费电子产品的快速普及和镀膜工艺的技术突破。</p>
<p>随着iPhone17和Mate80等主流产品标配超硬AR镀膜，以及Facebook等巨头计划大规模出货智能眼镜，AR镀膜市场有望迎来爆发式增长，预计到2032年全球真空镀膜设备市场规模将保持<strong>6.7%以上</strong>的年复合增长率，其中亚太地区市场份额将达<strong>45%-50%</strong>。</p>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="stat-card mb-3">
<div class="stat-number">270亿</div>
<div class="stat-label">2024年全球市场规模（美元）</div>
</div>
<div class="stat-card mb-3">
<div class="stat-number">6.7%+</div>
<div class="stat-label">年复合增长率</div>
</div>
<div class="stat-card">
<div class="stat-number">1000万</div>
<div class="stat-label">Facebook计划智能眼镜出货量</div>
</div>
</div>
</div>
</div>
</section>
<!-- 时间轴部分 -->
<section id="timeline" class="py-5 bg-white">
<div class="container">
<h2 class="section-title">AR镀膜发展时间轴</h2>
<div class="timeline">
<div class="timeline-item">
<div class="timeline-content">
<div class="timeline-date">2024年1月</div>
<h5>技术路线讨论</h5>
<p>路演讨论AI眼镜的光学显示技术，Micro OLED和Micro LED+光波导成为主要技术路线</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-content">
<div class="timeline-date">2024年6-7月</div>
<h5>技术布局聚焦</h5>
<p>多场路演聚焦AR镀膜技术，水晶光电、歌尔股份等公司详细介绍技术布局</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-content">
<div class="timeline-date">2024年8月</div>
<h5>键合工艺突破</h5>
<p>路演讨论AR镀膜核心技术路径，键合工艺突破解决传统胶水贴合问题，良率提升至85%</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-content">
<div class="timeline-date">2025年4月</div>
<h5>设备需求增长</h5>
<p>镜片抛光设备迎来重大量级加单；汇成真空业绩显示科研领域需求增长</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-content">
<div class="timeline-date">2025年8月</div>
<h5>市场热点形成</h5>
<p>AR镀膜概念成为市场热点，消息称iPhone17和Mate80将标配超硬AR镀膜</p>
</div>
</div>
</div>
</div>
</section>
<!-- 核心驱动力 -->
<section id="drivers" class="py-5">
<div class="container">
<h2 class="section-title">核心驱动力分析</h2>
<div class="row g-4">
<div class="col-md-4">
<div class="card h-100">
<div class="card-header">
<h4 class="mb-0"><i class="bi bi-lightbulb"></i> 技术突破</h4>
</div>
<div class="card-body">
<ul class="list-unstyled">
<li class="mb-2"><i class="bi bi-check-circle text-success"></i> 键合工艺突破，良率提升至85%</li>
<li class="mb-2"><i class="bi bi-check-circle text-success"></i> 镀膜工艺改进，解决漏光和彩虹效应</li>
<li class="mb-2"><i class="bi bi-check-circle text-success"></i> 超硬AR镀膜技术成熟</li>
</ul>
<span class="badge badge-tech">技术驱动</span>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card h-100">
<div class="card-header">
<h4 class="mb-0"><i class="bi bi-currency-dollar"></i> 成本下降</h4>
</div>
<div class="card-body">
<ul class="list-unstyled">
<li class="mb-2"><i class="bi bi-check-circle text-success"></i> 量产前成本占比30%-60%</li>
<li class="mb-2"><i class="bi bi-check-circle text-success"></i> 规模化生产带来成本下降</li>
<li class="mb-2"><i class="bi bi-check-circle text-success"></i> 双目模组售价可降至千元左右</li>
</ul>
<span class="badge badge-app">商业化驱动</span>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card h-100">
<div class="card-header">
<h4 class="mb-0"><i class="bi bi-phone"></i> 应用需求增长</h4>
</div>
<div class="card-body">
<ul class="list-unstyled">
<li class="mb-2"><i class="bi bi-check-circle text-success"></i> AR眼镜：Facebook计划出货1000万台</li>
<li class="mb-2"><i class="bi bi-check-circle text-success"></i> 智能手机：iPhone17和Mate80标配</li>
<li class="mb-2"><i class="bi bi-check-circle text-success"></i> 汽车领域：智能汽车车载显示系统</li>
</ul>
<span class="badge badge-opportunity">市场机会</span>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- 产业链分析 -->
<section class="py-5 bg-white">
<div class="container">
<h2 class="section-title">产业链图谱</h2>
<div class="row">
<div class="col-lg-12">
<div class="card">
<div class="card-body">
<div class="row text-center">
<div class="col-md-4 mb-4">
<div class="p-4 border rounded">
<h4 class="text-primary">上游</h4>
<p class="mb-2">原材料和设备供应商</p>
<small>高透光率光学玻璃、镀膜材料、镀膜设备、键合设备</small>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="p-4 border rounded bg-primary text-white">
<h4>中游</h4>
<p class="mb-2">AR镀膜技术和产品提供商</p>
<small>镀膜工艺和技术解决方案、AR镀膜玻璃、AR镀膜膜片</small>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="p-4 border rounded">
<h4 class="text-primary">下游</h4>
<p class="mb-2">应用领域和终端产品</p>
<small>AR眼镜、智能手机、汽车显示系统、其他应用</small>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- 股票数据表格 -->
<section id="stocks" class="py-5">
<div class="container">
<h2 class="section-title">AR镀膜概念相关股票</h2>
<div class="stock-table">
<table class="table table-hover mb-0">
<thead>
<tr>
<th>股票名称</th>
<th>技术/产品</th>
<th>应用领域</th>
<th>核心优势</th>
<th>消息来源</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>长信科技</strong></td>
<td>AR减反射镀膜玻璃生产</td>
<td>车载智能显示系统</td>
<td>CG+FOG+后组BLU工艺，表面镀膜ARAF</td>
<td><span class="badge bg-info">互动/官网</span></td>
</tr>
<tr>
<td><strong>万顺新材</strong></td>
<td>AR抗反射镀膜技术<br>玄武镀膜（超硬AR层）</td>
<td>华为Mate 70系列</td>
<td>为华为Mate 70系列提供"玄武镀膜"技术</td>
<td><span class="badge bg-info">互动/网传纪要</span></td>
</tr>
<tr>
<td><strong>信濠光电</strong></td>
<td>超硬超耐磨AR镀膜玻璃产品及制备方法</td>
<td>智能手机</td>
<td>拥有相关发明专利，可能进入果链配套iPhone17</td>
<td><span class="badge bg-warning">知识产权局</span></td>
</tr>
<tr>
<td><strong>秦安股份</strong></td>
<td>超硬AR镀膜</td>
<td>智能汽车车载显示系统、全系列手机</td>
<td>拟购亦高光电99%股权，AR镀膜已应用于多款智能汽车</td>
<td><span class="badge bg-success">公告</span></td>
</tr>
<tr>
<td><strong>日久光电</strong></td>
<td>2A/3A光学膜系列产品</td>
<td>多功能光学膜</td>
<td>防反射（AR）、防眩光（AG）、防指纹污染（AF），部分客户认证通过</td>
<td><span class="badge bg-info">互动</span></td>
</tr>
<tr>
<td><strong>胜利精密</strong></td>
<td>AR减反射镀膜</td>
<td>汽车中控屏、笔记本电脑</td>
<td>AR减反射镀膜产品应用于汽车中控屏及笔记本电脑等产品</td>
<td><span class="badge bg-info">互动</span></td>
</tr>
<tr>
<td><strong>炬光科技</strong></td>
<td>光学镀膜技术</td>
<td>高功率激光器件</td>
<td>增透膜（AR）、高反射膜（HR），掌握多种先进光学镀膜技术</td>
<td><span class="badge bg-info">互动</span></td>
</tr>
<tr>
<td><strong>汇成真空</strong></td>
<td>PVD镀膜设备</td>
<td>显示产品保护屏</td>
<td>通过真空反应溅射在玻璃表面镀制多层纳米光学材料形成减反射镀膜</td>
<td><span class="badge bg-info">官网</span></td>
</tr>
<tr>
<td><strong>莱宝高科</strong></td>
<td>重庆超硬AR镀膜生产线技术改造</td>
<td>超硬AR镀膜</td>
<td>涉及超硬AR镀膜技术改造项目</td>
<td><span class="badge bg-success">公告</span></td>
</tr>
</tbody>
</table>
</div>
</div>
</section>
<!-- 未来发展路径 -->
<section id="future" class="py-5 bg-white">
<div class="container">
<h2 class="section-title">未来发展路径</h2>
<div class="row g-4">
<div class="col-md-6">
<div class="card h-100">
<div class="card-header">
<h4 class="mb-0"><i class="bi bi-calendar-check"></i> 近期催化剂（3-6个月）</h4>
</div>
<div class="card-body">
<ul class="list-group list-group-flush">
<li class="list-group-item d-flex align-items-center">
<i class="bi bi-phone-fill text-primary me-3"></i>
<div>
<h6 class="mb-1">iPhone17和Mate80发布</h6>
<small class="text-muted">标配超硬AR镀膜，推动技术商业化</small>
</div>
</li>
<li class="list-group-item d-flex align-items-center">
<i class="bi bi-box-seam text-primary me-3"></i>
<div>
<h6 class="mb-1">Facebook智能眼镜大规模出货</h6>
<small class="text-muted">计划出货1000万台，直接拉动AR镀膜需求</small>
</div>
</li>
<li class="list-group-item d-flex align-items-center">
<i class="bi bi-graph-up text-primary me-3"></i>
<div>
<h6 class="mb-1">镀膜设备企业业绩发布</h6>
<small class="text-muted">反映AR镀膜行业实际发展情况</small>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card h-100">
<div class="card-header">
<h4 class="mb-0"><i class="bi bi-rocket-takeoff"></i> 长期发展路径</h4>
</div>
<div class="card-body">
<div class="mb-3">
<h5 class="text-primary">技术成熟路径</h5>
<div class="progress-steps">
<div class="d-flex align-items-center mb-2">
<span class="badge bg-secondary me-2">短期</span>
<span>解决技术瓶颈，提高良率</span>
</div>
<div class="d-flex align-items-center mb-2">
<span class="badge bg-primary me-2">中期</span>
<span>大规模商业化应用，降低成本</span>
</div>
<div class="d-flex align-items-center">
<span class="badge bg-success me-2">长期</span>
<span>成为消费电子标准配置</span>
</div>
</div>
</div>
<div>
<h5 class="text-primary">市场增长预期</h5>
<p>2024年全球真空镀膜设备市场规模270亿美元，至2032年CAGR有望超6.7%，亚太地区市场份额将达45%-50%</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- 风险与挑战 -->
<section id="risks" class="py-5">
<div class="container">
<h2 class="section-title">潜在风险与挑战</h2>
<div class="row g-4">
<div class="col-md-4">
<div class="card h-100 border-danger">
<div class="card-header bg-danger text-white">
<h4 class="mb-0"><i class="bi bi-exclamation-triangle"></i> 技术风险</h4>
</div>
<div class="card-body">
<ul class="list-unstyled">
<li class="mb-2"><i class="bi bi-dash-circle text-danger"></i> 镀膜精度和良率挑战</li>
<li class="mb-2"><i class="bi bi-dash-circle text-danger"></i> 键合工艺量产难度大</li>
<li class="mb-2"><i class="bi bi-dash-circle text-danger"></i> 材料稳定性问题</li>
</ul>
<span class="badge badge-risk">高风险</span>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card h-100 border-warning">
<div class="card-header bg-warning text-dark">
<h4 class="mb-0"><i class="bi bi-cash-stack"></i> 商业化风险</h4>
</div>
<div class="card-body">
<ul class="list-unstyled">
<li class="mb-2"><i class="bi bi-dash-circle text-warning"></i> 成本仍然较高</li>
<li class="mb-2"><i class="bi bi-dash-circle text-warning"></i> 市场接受度不确定</li>
<li class="mb-2"><i class="bi bi-dash-circle text-warning"></i> 应用场景有限</li>
</ul>
<span class="badge bg-warning">中风险</span>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card h-100 border-info">
<div class="card-header bg-info text-white">
<h4 class="mb-0"><i class="bi bi-globe"></i> 政策与竞争风险</h4>
</div>
<div class="card-body">
<ul class="list-unstyled">
<li class="mb-2"><i class="bi bi-dash-circle text-info"></i> 技术出口限制</li>
<li class="mb-2"><i class="bi bi-dash-circle text-info"></i> 行业竞争加剧</li>
<li class="mb-2"><i class="bi bi-dash-circle text-info"></i> 技术路线竞争</li>
</ul>
<span class="badge bg-info">需关注</span>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- 投资启示 -->
<section class="py-5 bg-white">
<div class="container">
<h2 class="section-title">投资启示</h2>
<div class="row">
<div class="col-lg-12">
<div class="card">
<div class="card-body">
<div class="row">
<div class="col-md-6">
<h4 class="text-primary mb-3">最具投资价值的细分环节</h4>
<div class="mb-3">
<h5><i class="bi bi-tools text-primary"></i> 镀膜设备</h5>
<p>随着AR镀膜技术的商业化，镀膜设备需求将大幅增长。汇成真空等国内领先的镀膜设备企业，受益于国产替代趋势，具有较大的成长空间。</p>
</div>
<div class="mb-3">
<h5><i class="bi bi-cpu text-primary"></i> 光波导技术</h5>
<p>光波导是AR眼镜的核心技术，水晶光电等在光波导领域具有技术优势的企业，将受益于AR眼镜的普及。</p>
</div>
<div>
<h5><i class="bi bi-shield-check text-primary"></i> 超硬AR镀膜</h5>
<p>超硬AR镀膜技术在智能手机、汽车等领域的应用前景广阔，信濠光电、万顺新材等在该领域具有技术优势的企业值得关注。</p>
</div>
</div>
<div class="col-md-6">
<h4 class="text-primary mb-3">投资策略建议</h4>
<div class="alert alert-primary d-flex align-items-center" role="alert">
<i class="bi bi-clock-history me-2"></i>
<div>
<strong>长期布局</strong><br>
<small>AR镀膜是一个长期趋势，投资者应有长期布局的心态</small>
</div>
</div>
<div class="alert alert-success d-flex align-items-center" role="alert">
<i class="bi bi-grid-3x3-gap me-2"></i>
<div>
<strong>分散投资</strong><br>
<small>在不同技术路线和应用场景中进行分散投资，降低风险</small>
</div>
</div>
<div class="alert alert-info d-flex align-items-center" role="alert">
<i class="bi bi-bell me-2"></i>
<div>
<strong>关注催化剂</strong><br>
<small>关注iPhone17、Mate70等产品的发布，以及Facebook智能眼镜的出货情况</small>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- 页脚 -->
<footer class="bg-dark text-white py-4">
<div class="container">
<div class="row">
<div class="col-md-6">
<p class="mb-0">© 2025 AR镀膜概念分析 | 数据来源：公开资料整理</p>
</div>
<div class="col-md-6 text-md-end">
<p class="mb-0">投资有风险，入市需谨慎</p>
</div>
</div>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
<script>
// 平滑滚动
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function (e) {
e.preventDefault();
document.querySelector(this.getAttribute('href')).scrollIntoView({
behavior: 'smooth'
});
});
});
// 滚动时添加导航栏阴影
window.addEventListener('scroll', function() {
const navbar = document.querySelector('.navbar');
if (window.scrollY > 50) {
navbar.classList.add('shadow');
} else {
navbar.classList.remove('shadow');
}
});
</script>
</body>
</html>