585 lines
28 KiB
HTML
585 lines
28 KiB
HTML
|
||
<!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.0/dist/css/bootstrap.min.css" rel="stylesheet">
|
||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.0/font/bootstrap-icons.css">
|
||
<style>
|
||
:root {
|
||
--primary-color: #2c3e50;
|
||
--secondary-color: #3498db;
|
||
--accent-color: #e74c3c;
|
||
--light-bg: #ecf0f1;
|
||
--dark-text: #2c3e50;
|
||
}
|
||
|
||
body {
|
||
font-family: 'Microsoft YaHei', 'PingFang SC', sans-serif;
|
||
color: var(--dark-text);
|
||
background-color: #f8f9fa;
|
||
}
|
||
|
||
.hero-section {
|
||
background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
|
||
color: white;
|
||
padding: 3rem 0;
|
||
margin-bottom: 2rem;
|
||
}
|
||
|
||
.card {
|
||
border: none;
|
||
border-radius: 10px;
|
||
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
|
||
margin-bottom: 1.5rem;
|
||
transition: transform 0.3s ease;
|
||
}
|
||
|
||
.card:hover {
|
||
transform: translateY(-5px);
|
||
}
|
||
|
||
.card-header {
|
||
background-color: var(--primary-color);
|
||
color: white;
|
||
border-radius: 10px 10px 0 0 !important;
|
||
font-weight: 600;
|
||
}
|
||
|
||
.table-responsive {
|
||
overflow-x: visible;
|
||
}
|
||
|
||
.table {
|
||
font-size: 0.9rem;
|
||
}
|
||
|
||
.table th {
|
||
background-color: var(--primary-color);
|
||
color: white;
|
||
position: sticky;
|
||
top: 0;
|
||
}
|
||
|
||
.badge {
|
||
font-size: 0.75rem;
|
||
padding: 0.4em 0.6em;
|
||
}
|
||
|
||
.concept-highlight {
|
||
background-color: #fff3cd;
|
||
border-left: 4px solid #ffc107;
|
||
padding: 1rem;
|
||
margin: 1rem 0;
|
||
border-radius: 0 5px 5px 0;
|
||
}
|
||
|
||
.timeline-item {
|
||
position: relative;
|
||
padding-left: 30px;
|
||
margin-bottom: 1.5rem;
|
||
}
|
||
|
||
.timeline-item:before {
|
||
content: '';
|
||
position: absolute;
|
||
left: 0;
|
||
top: 5px;
|
||
width: 12px;
|
||
height: 12px;
|
||
border-radius: 50%;
|
||
background-color: var(--secondary-color);
|
||
}
|
||
|
||
.timeline-item:after {
|
||
content: '';
|
||
position: absolute;
|
||
left: 5px;
|
||
top: 20px;
|
||
width: 2px;
|
||
height: calc(100% + 10px);
|
||
background-color: #ddd;
|
||
}
|
||
|
||
.timeline-item:last-child:after {
|
||
display: none;
|
||
}
|
||
|
||
.industry-chain {
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
justify-content: space-between;
|
||
margin: 2rem 0;
|
||
}
|
||
|
||
.chain-item {
|
||
flex: 1;
|
||
min-width: 200px;
|
||
margin: 0.5rem;
|
||
padding: 1rem;
|
||
background-color: white;
|
||
border-radius: 8px;
|
||
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
|
||
text-align: center;
|
||
}
|
||
|
||
.chain-item h5 {
|
||
color: var(--primary-color);
|
||
margin-bottom: 0.5rem;
|
||
}
|
||
|
||
.risk-item {
|
||
padding: 0.75rem;
|
||
margin-bottom: 0.75rem;
|
||
background-color: #f8f9fa;
|
||
border-radius: 5px;
|
||
border-left: 3px solid var(--accent-color);
|
||
}
|
||
|
||
.stock-row:hover {
|
||
background-color: rgba(52, 152, 219, 0.1);
|
||
}
|
||
|
||
@media (max-width: 768px) {
|
||
.hero-section {
|
||
padding: 2rem 0;
|
||
}
|
||
|
||
.table {
|
||
font-size: 0.8rem;
|
||
}
|
||
|
||
.industry-chain {
|
||
flex-direction: column;
|
||
}
|
||
|
||
.chain-item {
|
||
margin: 0.5rem 0;
|
||
}
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<!-- Hero Section -->
|
||
<div class="hero-section">
|
||
<div class="container">
|
||
<div class="row align-items-center">
|
||
<div class="col-lg-8">
|
||
<h1 class="display-4 fw-bold">机器人零部件加工设备</h1>
|
||
<p class="lead">精密制造驱动机器人产业国产化进程</p>
|
||
</div>
|
||
<div class="col-lg-4 text-lg-end mt-3 mt-lg-0">
|
||
<div class="d-flex align-items-center justify-content-lg-end">
|
||
<i class="bi bi-graph-up-arrow fs-1 me-3"></i>
|
||
<div>
|
||
<h4 class="mb-0">概念代码: 250806</h4>
|
||
<p class="mb-0">高端装备制造</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="container">
|
||
<!-- 概念概述 -->
|
||
<div class="card mb-4">
|
||
<div class="card-header">
|
||
<h3 class="mb-0"><i class="bi bi-lightbulb me-2"></i>概念概述</h3>
|
||
</div>
|
||
<div class="card-body">
|
||
<div class="concept-highlight">
|
||
<p class="mb-0"><strong>核心观点：</strong>机器人零部件加工设备是机器人产业国产替代和规模化量产的关键环节，当前处于技术突破和市场需求爆发的初期阶段，未来潜力巨大。</p>
|
||
</div>
|
||
<p>机器人零部件加工设备涵盖精密机床（数控车床、磨床、滚齿机等）、自动化生产线、焊接设备等，主要用于机器人核心零部件（如减速器、丝杠、电机、传感器）的精密加工。随着人形机器人产业化进程加速，对高精度、高效率的零部件加工设备需求将持续增长。</p>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 核心逻辑与市场认知 -->
|
||
<div class="card mb-4">
|
||
<div class="card-header">
|
||
<h3 class="mb-0"><i class="bi bi-diagram-3 me-2"></i>核心逻辑与市场认知</h3>
|
||
</div>
|
||
<div class="card-body">
|
||
<div class="row">
|
||
<div class="col-md-6 mb-3">
|
||
<h5><i class="bi bi-rocket-takeoff me-2 text-primary"></i>核心驱动力</h5>
|
||
<ul>
|
||
<li>机器人量产带来的规模化需求</li>
|
||
<li>精密加工技术突破（数控机床精度提升）</li>
|
||
<li>国产替代政策支持（高端机床进口限制）</li>
|
||
<li>人形机器人产业化进程加速</li>
|
||
</ul>
|
||
</div>
|
||
<div class="col-md-6 mb-3">
|
||
<h5><i class="bi bi-activity me-2 text-success"></i>市场热度与情绪</h5>
|
||
<ul>
|
||
<li>特斯拉Optimus人形机器人量产计划催化</li>
|
||
<li>多家券商密集发布机器人零部件加工设备分析</li>
|
||
<li>国内企业（秦川机床、华辰装备等）技术突破</li>
|
||
<li>市场情绪：乐观，关注技术验证与订单落地</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="alert alert-info mt-3">
|
||
<h5><i class="bi bi-exclamation-triangle me-2"></i>预期差分析</h5>
|
||
<p>市场普遍关注宏大叙事（如"国产替代空间达百亿元"），但实际需关注技术壁垒、客户验证周期、规模化量产难度等关键因素。部分公司已实现技术突破，但订单规模和盈利能力仍需验证。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 产业链分析 -->
|
||
<div class="card mb-4">
|
||
<div class="card-header">
|
||
<h3 class="mb-0"><i class="bi bi-link-45deg me-2"></i>产业链分析</h3>
|
||
</div>
|
||
<div class="card-body">
|
||
<div class="industry-chain">
|
||
<div class="chain-item">
|
||
<h5>上游</h5>
|
||
<p>精密金属材料（高碳铬轴承钢）</p>
|
||
<p>工业母机（数控机床、磨床）</p>
|
||
<p>数控系统（西门子、发那科）</p>
|
||
</div>
|
||
<div class="chain-item">
|
||
<h5>中游</h5>
|
||
<p>机器人零部件加工设备</p>
|
||
<p>数控车床、磨床、滚齿机</p>
|
||
<p>自动化生产线</p>
|
||
</div>
|
||
<div class="chain-item">
|
||
<h5>下游</h5>
|
||
<p>机器人本体厂商（特斯拉、优必选）</p>
|
||
<p>机器人零部件厂商（绿的谐波、双环传动）</p>
|
||
<p>机器人系统集成商（博实股份、拓斯达）</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row mt-4">
|
||
<div class="col-md-6">
|
||
<h5><i class="bi bi-trophy me-2 text-warning"></i>核心玩家对比</h5>
|
||
<div class="mb-3">
|
||
<h6>华辰装备</h6>
|
||
<p class="mb-1">优势：高精度螺纹磨床技术，已获批量订单</p>
|
||
<p class="mb-0">风险：技术壁垒高，客户验证周期长</p>
|
||
</div>
|
||
<div class="mb-3">
|
||
<h6>秦川机床</h6>
|
||
<p class="mb-1">优势：螺纹磨床市场占有率国内第一</p>
|
||
<p class="mb-0">风险：市场竞争加剧，毛利率承压</p>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6">
|
||
<h5><i class="bi bi-graph-up me-2 text-success"></i>最具投资价值环节</h5>
|
||
<div class="mb-2">
|
||
<span class="badge bg-primary me-2">高精度螺纹磨床</span>
|
||
<span class="badge bg-success me-2">数控车床(五轴联动)</span>
|
||
<span class="badge bg-info me-2">谐波减速器专用磨床</span>
|
||
</div>
|
||
<p>这些环节技术壁垒高，国产替代空间大，直接受益于机器人产业化进程。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 股票数据表格 -->
|
||
<div class="card mb-4">
|
||
<div class="card-header">
|
||
<h3 class="mb-0"><i class="bi bi-table me-2"></i>相关股票数据</h3>
|
||
</div>
|
||
<div class="card-body p-0">
|
||
<div class="table-responsive">
|
||
<table class="table table-hover table-striped mb-0">
|
||
<thead>
|
||
<tr>
|
||
<th>股票名称</th>
|
||
<th>分类</th>
|
||
<th>项目</th>
|
||
<th>产业链</th>
|
||
<th>信源</th>
|
||
<th>原因</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr class="stock-row">
|
||
<td><strong>秦川机床</strong></td>
|
||
<td><span class="badge bg-primary">磨床</span></td>
|
||
<td>人形机器人丝杆加工</td>
|
||
<td>机器人零部件加工设备</td>
|
||
<td>互动/调研</td>
|
||
<td>公司螺纹磨床产品市场占有率国内第一；研发了面向人形机器人领域的数控丝杆磨床和螺纹磨床，内螺纹磨床加工丝杆精度达P0级</td>
|
||
</tr>
|
||
<tr class="stock-row">
|
||
<td><strong>日发精机</strong></td>
|
||
<td><span class="badge bg-primary">磨床</span></td>
|
||
<td>人形机器人丝杆与螺母加工</td>
|
||
<td>机器人零部件加工设备</td>
|
||
<td>互动</td>
|
||
<td>数控螺纹磨床可用于加工人形机器人的丝杆与螺母；内、外螺纹磨床及磨削中心已向部分客户交付使用</td>
|
||
</tr>
|
||
<tr class="stock-row">
|
||
<td><strong>华辰装备</strong></td>
|
||
<td><span class="badge bg-primary">磨床</span></td>
|
||
<td>人形机器人行星滚柱丝杠加工</td>
|
||
<td>机器人零部件加工设备</td>
|
||
<td>研报/调研</td>
|
||
<td>精密内外螺纹磨床可应用于人形机器人中行星滚柱丝杠成套零部件的精密磨削加工</td>
|
||
</tr>
|
||
<tr class="stock-row">
|
||
<td><strong>浙海德曼</strong></td>
|
||
<td><span class="badge bg-primary">磨床</span></td>
|
||
<td>机器人领域数控车床应用</td>
|
||
<td>机器人零部件加工设备</td>
|
||
<td>互动</td>
|
||
<td>数控车床产品在机器人领域得到广泛应用，主要客户包括绿的谐波、中大力德等</td>
|
||
</tr>
|
||
<tr class="stock-row">
|
||
<td><strong>科德数控</strong></td>
|
||
<td><span class="badge bg-primary">磨床</span></td>
|
||
<td>五轴机床用于机器人关节加工</td>
|
||
<td>机器人零部件加工设备</td>
|
||
<td>公告</td>
|
||
<td>五轴机床可用于人形机器人和工业机器人关节、外壳、手臂等零部件加工</td>
|
||
</tr>
|
||
<tr class="stock-row">
|
||
<td><strong>华东数控</strong></td>
|
||
<td><span class="badge bg-primary">磨床</span></td>
|
||
<td>机器人零部件精密磨削</td>
|
||
<td>机器人零部件加工设备</td>
|
||
<td>互动/年报</td>
|
||
<td>产品MK2732数控精密转塔复合磨床适用于丝杆的精密磨削</td>
|
||
</tr>
|
||
<tr class="stock-row">
|
||
<td><strong>宇环数控</strong></td>
|
||
<td><span class="badge bg-primary">磨床</span></td>
|
||
<td>机器人零部件精密磨削</td>
|
||
<td>机器人零部件加工设备</td>
|
||
<td>互动</td>
|
||
<td>双端面磨床可用于机器人零部件中的齿轮、齿圈、轴承等部件的磨削加工</td>
|
||
</tr>
|
||
<tr class="stock-row">
|
||
<td><strong>创世纪</strong></td>
|
||
<td><span class="badge bg-primary">磨床</span></td>
|
||
<td>机器人领域合作</td>
|
||
<td>机器人零部件加工设备</td>
|
||
<td>互动</td>
|
||
<td>已与机器人领域部分客户及其零部件加工厂商有合作关系</td>
|
||
</tr>
|
||
<tr class="stock-row">
|
||
<td><strong>恒而达</strong></td>
|
||
<td><span class="badge bg-primary">磨床</span></td>
|
||
<td>行星滚柱丝杠专用磨床</td>
|
||
<td>机器人零部件加工设备</td>
|
||
<td>互动</td>
|
||
<td>德国子公司SMS的GI系列磨床适用于各类丝杆螺母内螺纹磨削</td>
|
||
</tr>
|
||
<tr class="stock-row">
|
||
<td><strong>沃尔德</strong></td>
|
||
<td><span class="badge bg-secondary">刀具</span></td>
|
||
<td>机器人减速器和丝杠加工</td>
|
||
<td>机器人零部件加工设备</td>
|
||
<td>互动</td>
|
||
<td>在人形机器人领域为减速器和行星滚柱丝杠加工提供超硬切削刀具解决方案</td>
|
||
</tr>
|
||
<tr class="stock-row">
|
||
<td><strong>中钨高新</strong></td>
|
||
<td><span class="badge bg-secondary">刀具</span></td>
|
||
<td>机器人减速器刀具</td>
|
||
<td>机器人零部件加工设备</td>
|
||
<td>互动</td>
|
||
<td>旗下株钻公司刀具应用于机器人减速器零件领域</td>
|
||
</tr>
|
||
<tr class="stock-row">
|
||
<td><strong>恒锋工具</strong></td>
|
||
<td><span class="badge bg-secondary">刀具</span></td>
|
||
<td>机器人精密加工</td>
|
||
<td>机器人零部件加工设备</td>
|
||
<td>年报</td>
|
||
<td>开发了齿轮刀具、精密螺纹工具等产品，形成少量订货</td>
|
||
</tr>
|
||
<tr class="stock-row">
|
||
<td><strong>华锐精密</strong></td>
|
||
<td><span class="badge bg-secondary">刀具</span></td>
|
||
<td>机器人精密加工</td>
|
||
<td>机器人零部件加工设备</td>
|
||
<td>互动</td>
|
||
<td>开发的刀具应用于电机、轴承、减速器、丝杠等零部件加工</td>
|
||
</tr>
|
||
<tr class="stock-row">
|
||
<td><strong>欧科亿</strong></td>
|
||
<td><span class="badge bg-secondary">刀具</span></td>
|
||
<td>机器人传动系统加工</td>
|
||
<td>机器人零部件加工设备</td>
|
||
<td>互动</td>
|
||
<td>旋风铣刀具、齿轮滚齿刀具通过部分下游客户验证并进入小批量供货阶段</td>
|
||
</tr>
|
||
<tr class="stock-row">
|
||
<td><strong>恒进感应</strong></td>
|
||
<td><span class="badge bg-info">北交所</span></td>
|
||
<td>滚珠丝杠感应淬火机床</td>
|
||
<td>丝杠类零件自动化感应淬火</td>
|
||
<td>年报</td>
|
||
<td>在研项目包括滚珠丝杠感应淬火机床，广泛应用于丝杠类零件的自动化感应淬火加热</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 关键催化剂与未来发展路径 -->
|
||
<div class="card mb-4">
|
||
<div class="card-header">
|
||
<h3 class="mb-0"><i class="bi bi-lightning-charge me-2"></i>关键催化剂与未来发展路径</h3>
|
||
</div>
|
||
<div class="card-body">
|
||
<div class="row">
|
||
<div class="col-md-6">
|
||
<h5><i class="bi bi-calendar-event me-2 text-primary"></i>近期催化剂</h5>
|
||
<div class="timeline-item">
|
||
<h6>特斯拉Optimus量产计划</h6>
|
||
<p class="mb-0">特斯拉宣布人形机器人量产时间表，带动产业链设备需求</p>
|
||
</div>
|
||
<div class="timeline-item">
|
||
<h6>国内企业技术突破</h6>
|
||
<p class="mb-0">华辰装备、秦川机床等企业高精度磨床技术取得突破</p>
|
||
</div>
|
||
<div class="timeline-item">
|
||
<h6>政策支持加码</h6>
|
||
<p class="mb-0">《机器人产业发展行动计划》等政策出台，支持精密加工设备研发</p>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6">
|
||
<h5><i class="bi bi-map me-2 text-success"></i>长期发展路径</h5>
|
||
<div class="mb-3">
|
||
<h6>2023-2025年：技术突破期</h6>
|
||
<div class="progress mb-2">
|
||
<div class="progress-bar bg-primary" style="width: 40%"></div>
|
||
</div>
|
||
<p class="mb-0">高精度磨床、数控车床技术突破，实现小批量供货</p>
|
||
</div>
|
||
<div class="mb-3">
|
||
<h6>2025-2028年：规模化量产期</h6>
|
||
<div class="progress mb-2">
|
||
<div class="progress-bar bg-success" style="width: 25%"></div>
|
||
</div>
|
||
<p class="mb-0">设备规模化量产，国产替代加速，市场份额提升</p>
|
||
</div>
|
||
<div class="mb-3">
|
||
<h6>2028-2030年：成熟期</h6>
|
||
<div class="progress mb-2">
|
||
<div class="progress-bar bg-info" style="width: 10%"></div>
|
||
</div>
|
||
<p class="mb-0">技术达到国际先进水平，全球市场竞争力增强</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 潜在风险与挑战 -->
|
||
<div class="card mb-4">
|
||
<div class="card-header">
|
||
<h3 class="mb-0"><i class="bi bi-shield-exclamation me-2"></i>潜在风险与挑战</h3>
|
||
</div>
|
||
<div class="card-body">
|
||
<div class="risk-item">
|
||
<h5><i class="bi bi-cpu me-2 text-warning"></i>技术风险</h5>
|
||
<p>高精度螺纹磨床的砂轮修整技术、数控车床的多轴联动精度控制技术等，若技术突破不及预期，可能影响设备性能和量产进度。</p>
|
||
</div>
|
||
<div class="risk-item">
|
||
<h5><i class="bi bi-currency-dollar me-2 text-warning"></i>商业化风险</h5>
|
||
<p>机器人零部件加工设备的初始投资成本较高（如数控磨床单价超千万元），若下游客户订单不及预期，可能导致设备利用率不足，影响企业盈利。</p>
|
||
</div>
|
||
<div class="risk-item">
|
||
<h5><i class="bi bi-balance-scale me-2 text-warning"></i>政策与竞争风险</h5>
|
||
<p>国际贸易摩擦可能导致进口设备受限，但同时也可能加剧国内市场竞争，影响国产设备厂商的市场份额和盈利能力。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 综合结论与投资启示 -->
|
||
<div class="card mb-4">
|
||
<div class="card-header">
|
||
<h3 class="mb-0"><i class="bi bi-clipboard-check me-2"></i>综合结论与投资启示</h3>
|
||
</div>
|
||
<div class="card-body">
|
||
<div class="alert alert-success">
|
||
<h4 class="alert-heading"><i class="bi bi-star-fill me-2"></i>总体看法</h4>
|
||
<p>机器人零部件加工设备是机器人产业国产替代和规模化量产的关键环节，当前处于技术突破和市场需求爆发的初期阶段，未来潜力巨大，但需关注技术壁垒、客户验证周期、规模化量产难度等风险。</p>
|
||
</div>
|
||
|
||
<div class="row mt-4">
|
||
<div class="col-md-6">
|
||
<h5><i class="bi bi-search me-2 text-primary"></i>关键跟踪指标</h5>
|
||
<ul>
|
||
<li><strong>订单数据</strong>：机器人零部件加工设备的新增订单量、主要客户</li>
|
||
<li><strong>技术突破</strong>：高精度磨床的砂轮修整精度、数控车床的多轴联动精度</li>
|
||
<li><strong>规模化量产能力</strong>：设备厂商的产能利用率、良品率、交付周期</li>
|
||
<li><strong>政策支持</strong>：国家对高端机床研发的补贴政策、进口设备关税调整</li>
|
||
</ul>
|
||
</div>
|
||
<div class="col-md-6">
|
||
<h5><i class="bi bi-lightbulb me-2 text-success"></i>投资策略</h5>
|
||
<ul>
|
||
<li>关注技术领先、客户资源丰富的龙头企业</li>
|
||
<li>重点布局高精度螺纹磨床、五轴联动数控车床等核心环节</li>
|
||
<li>跟踪特斯拉Optimus等标杆项目量产进度</li>
|
||
<li>关注国产替代政策落地情况</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Footer -->
|
||
<footer class="bg-dark text-white py-4 mt-5">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-6">
|
||
<h5>机器人零部件加工设备概念分析</h5>
|
||
<p>数据来源：公开信息整理，仅供参考，不构成投资建议</p>
|
||
</div>
|
||
<div class="col-md-6 text-md-end">
|
||
<p class="mb-0">更新时间：2023年</p>
|
||
<p class="mb-0">概念代码：250806</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('.stock-row').forEach(row => {
|
||
row.addEventListener('click', function() {
|
||
// 移除其他行的选中状态
|
||
document.querySelectorAll('.stock-row').forEach(r => {
|
||
r.classList.remove('table-active');
|
||
});
|
||
// 添加当前行的选中状态
|
||
this.classList.add('table-active');
|
||
});
|
||
});
|
||
|
||
// 添加平滑滚动效果
|
||
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
|
||
anchor.addEventListener('click', function (e) {
|
||
e.preventDefault();
|
||
const target = document.querySelector(this.getAttribute('href'));
|
||
if (target) {
|
||
target.scrollIntoView({
|
||
behavior: 'smooth',
|
||
block: 'start'
|
||
});
|
||
}
|
||
});
|
||
});
|
||
</script>
|
||
</body>
|
||
</html>
|