482 lines
25 KiB
HTML
482 lines
25 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>锡矿行业分析报告</title>
|
||
<link href="https://fonts.googleapis.com/css?family=Inter:300,400,500,600,700,800" rel="stylesheet" />
|
||
<!-- Nucleo Icons -->
|
||
<link href="https://demos.creative-tim.com/soft-ui-design-system-pro/assets/css/nucleo-icons.css" rel="stylesheet" />
|
||
<link href="https://demos.creative-tim.com/soft-ui-design-system-pro/assets/css/nucleo-svg.css" rel="stylesheet" />
|
||
<!-- Font Awesome Icons -->
|
||
<script src="https://kit.fontawesome.com/1d2b6c4f81.js" crossorigin="anonymous"></script>
|
||
<!-- CSS Files -->
|
||
<link href="https://demos.creative-tim.com/soft-ui-design-system-pro/assets/css/soft-design-system-pro.css?v=1.2.0" 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>
|
||
<link href="https://cdn.jsdelivr.net/npm/daisyui@5/themes.css" rel="stylesheet" type="text/css" />
|
||
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
|
||
<style>
|
||
body {
|
||
background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
|
||
font-family: 'Inter', sans-serif;
|
||
color: #ffffff;
|
||
overflow-x: hidden;
|
||
}
|
||
|
||
.metal-gradient {
|
||
background: linear-gradient(90deg, #c0c0c0 0%, #e5e5e5 50%, #c0c0c0 100%);
|
||
-webkit-background-clip: text;
|
||
background-clip: text;
|
||
color: transparent;
|
||
text-shadow: 0 0 10px rgba(192, 192, 192, 0.3);
|
||
}
|
||
|
||
.card {
|
||
background: rgba(255, 255, 255, 0.05);
|
||
backdrop-filter: blur(10px);
|
||
border: 1px solid rgba(255, 255, 255, 0.1);
|
||
box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
|
||
}
|
||
|
||
.timeline-dot {
|
||
background: #e5e5e5;
|
||
box-shadow: 0 0 10px rgba(229, 229, 229, 0.7);
|
||
}
|
||
|
||
.table-responsive {
|
||
overflow-x: auto;
|
||
}
|
||
|
||
.badge {
|
||
font-size: 0.75rem;
|
||
padding: 0.25rem 0.5rem;
|
||
}
|
||
|
||
.progress {
|
||
height: 0.5rem;
|
||
}
|
||
|
||
.blockquote {
|
||
border-left: 4px solid #e5e5e5;
|
||
padding-left: 1rem;
|
||
}
|
||
|
||
@media (max-width: 768px) {
|
||
.card {
|
||
margin-bottom: 1rem;
|
||
}
|
||
|
||
.table-responsive {
|
||
font-size: 0.875rem;
|
||
}
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<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 metal-gradient">锡矿行业分析报告</h1>
|
||
<p class="text-xl text-gray-300">供给收缩+需求复苏驱动的超级周期初期</p>
|
||
</div>
|
||
|
||
<!-- 概念事件时间轴 -->
|
||
<div class="card rounded-xl p-6 mb-8">
|
||
<h2 class="text-2xl font-bold mb-6 text-white">概念事件时间轴</h2>
|
||
<div class="space-y-4">
|
||
<div class="flex">
|
||
<div class="flex flex-col items-center mr-4">
|
||
<div class="timeline-dot w-4 h-4 rounded-full"></div>
|
||
<div class="h-full w-0.5 bg-gray-400"></div>
|
||
</div>
|
||
<div class="pb-6">
|
||
<h3 class="text-lg font-semibold text-white">2023年4月</h3>
|
||
<p class="text-gray-300">缅甸佤邦政府发布文件，要求所有锡矿于8月1日前停产整顿，引发全球供应担忧。</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex">
|
||
<div class="flex flex-col items-center mr-4">
|
||
<div class="timeline-dot w-4 h-4 rounded-full"></div>
|
||
<div class="h-full w-0.5 bg-gray-400"></div>
|
||
</div>
|
||
<div class="pb-6">
|
||
<h3 class="text-lg font-semibold text-white">2023年8月</h3>
|
||
<p class="text-gray-300">佤邦全面停产，中国从缅甸进口锡矿量骤降（2024年1-5月同比-79%）。</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex">
|
||
<div class="flex flex-col items-center mr-4">
|
||
<div class="timeline-dot w-4 h-4 rounded-full"></div>
|
||
<div class="h-full w-0.5 bg-gray-400"></div>
|
||
</div>
|
||
<div class="pb-6">
|
||
<h3 class="text-lg font-semibold text-white">2024年11月</h3>
|
||
<p class="text-gray-300">中国有色集团宣布3.4亿美元收购巴西Taboca锡矿（Pitinga矿区），布局海外资源。</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex">
|
||
<div class="flex flex-col items-center mr-4">
|
||
<div class="timeline-dot w-4 h-4 rounded-full"></div>
|
||
<div class="h-full w-0.5 bg-gray-400"></div>
|
||
</div>
|
||
<div class="pb-6">
|
||
<h3 class="text-lg font-semibold text-white">2025年3月</h3>
|
||
<p class="text-gray-300">刚果（金）Alphamin Bisie锡矿（占全球6%供应）因M23武装冲突被迫停产，工人撤离。</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex">
|
||
<div class="flex flex-col items-center mr-4">
|
||
<div class="timeline-dot w-4 h-4 rounded-full"></div>
|
||
</div>
|
||
<div>
|
||
<h3 class="text-lg font-semibold text-white">2025年3月28日</h3>
|
||
<p class="text-gray-300">缅甸发生7.9级地震，震中靠近曼德勒，可能进一步冲击佤邦锡矿复产进度。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 核心观点摘要 -->
|
||
<div class="card rounded-xl p-6 mb-8">
|
||
<h2 class="text-2xl font-bold mb-6 text-white">核心观点摘要</h2>
|
||
<div class="space-y-4">
|
||
<div class="bg-gradient-to-r from-blue-900 to-indigo-900 p-4 rounded-lg">
|
||
<h3 class="text-lg font-semibold text-white mb-2">超级周期初期</h3>
|
||
<p class="text-gray-300">锡矿正处于"供给收缩+需求复苏"驱动的超级周期初期，2025年全球供需缺口或扩大至1.6万吨（中信证券预测），价格中枢有望突破30万元/吨（当前约26万元/吨）。</p>
|
||
</div>
|
||
|
||
<div class="bg-gradient-to-r from-purple-900 to-pink-900 p-4 rounded-lg">
|
||
<h3 class="text-lg font-semibold text-white mb-2">核心矛盾</h3>
|
||
<p class="text-gray-300">传统主产区（缅甸、印尼）资源枯竭+政策扰动，而新能源（光伏焊带、新能源车）和半导体需求爆发，形成不可逆的供需错配。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 核心逻辑与市场认知分析 -->
|
||
<div class="card rounded-xl p-6 mb-8">
|
||
<h2 class="text-2xl font-bold mb-6 text-white">核心逻辑与市场认知分析</h2>
|
||
|
||
<div class="mb-6">
|
||
<h3 class="text-xl font-semibold mb-4 text-white">核心驱动力</h3>
|
||
|
||
<div class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-6">
|
||
<div class="bg-red-900 bg-opacity-50 p-4 rounded-lg">
|
||
<h4 class="text-lg font-semibold mb-2 text-white">供给端三重暴击</h4>
|
||
<ul class="space-y-2 text-gray-300">
|
||
<li><strong>缅甸佤邦</strong>：品位从2010年10%降至1%，开采成本飙升至1.5-2万美元/吨；2023年8月停产后，库存仅剩4000吨（国信金属），复产时间从"2024Q2"推迟至"2025Q4"（云南调研纪要）。</li>
|
||
<li><strong>印尼</strong>：天马公司海底锡矿品位0.15%，2024年出口量因RKAB审批延迟骤降34%至4.5万吨。</li>
|
||
<li><strong>刚果（金）</strong>：Alphamin停产直接减少全球6%供应（2024年产量1.7万吨），M23武装冲突短期无解。</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="bg-green-900 bg-opacity-50 p-4 rounded-lg">
|
||
<h4 class="text-lg font-semibold mb-2 text-white">需求端爆发</h4>
|
||
<ul class="space-y-2 text-gray-300">
|
||
<li><strong>光伏焊带</strong>：2026年需求达4.99万吨（2023-2026年CAGR 21%），每GW组件耗锡300吨（N型电池技术升级）。</li>
|
||
<li><strong>半导体</strong>：2024年全球销售额预计+13%，AI服务器用锡量较传统服务器提升3倍。</li>
|
||
<li><strong>新能源车</strong>：单车用锡量1.2-1.5kg（传统车0.8kg），2026年全球需求4.12万吨（CAGR 9%）。</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="mb-6">
|
||
<h3 class="text-xl font-semibold mb-4 text-white">市场热度与情绪</h3>
|
||
<div class="bg-yellow-900 bg-opacity-50 p-4 rounded-lg">
|
||
<p class="text-gray-300 mb-2"><strong>研报密集度</strong>：2025年3月中信证券、华福有色、国投金属等7家机构集中发布看多报告，锡价单日涨幅5%（3月13日）。</p>
|
||
<p class="text-gray-300"><strong>分歧点</strong>：市场对缅甸复产进度存在巨大预期差——路演纪要显示"Q4复产但达产需6个月"，而部分研报假设"Q2全面恢复"。</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div>
|
||
<h3 class="text-xl font-semibold mb-4 text-white">预期差分析</h3>
|
||
<div class="bg-indigo-900 bg-opacity-50 p-4 rounded-lg">
|
||
<p class="text-gray-300 mb-2"><strong>被忽略的关键</strong>：</p>
|
||
<ul class="space-y-2 text-gray-300">
|
||
<li><strong>库存真相</strong>：全球显性库存仅1.6万吨（LME+国内），不足半月消费量（2025年需求38.5万吨）。</li>
|
||
<li><strong>成本刚性</strong>：全球锡矿90%成本分位线已升至2.7万美元/吨（2023年），价格跌破此区间将触发大规模减产。</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 关键催化剂与未来发展路径 -->
|
||
<div class="card rounded-xl p-6 mb-8">
|
||
<h2 class="text-2xl font-bold mb-6 text-white">关键催化剂与未来发展路径</h2>
|
||
|
||
<div class="mb-6">
|
||
<h3 class="text-xl font-semibold mb-4 text-white">近期催化剂（3-6个月）</h3>
|
||
<div class="grid grid-cols-1 md:grid-cols-3 gap-4">
|
||
<div class="bg-gradient-to-br from-orange-700 to-red-800 p-4 rounded-lg">
|
||
<h4 class="text-lg font-semibold mb-2 text-white">缅甸地震后续</h4>
|
||
<p class="text-gray-300">若佤邦运输道路损毁，Q4复产计划或再度推迟。</p>
|
||
</div>
|
||
|
||
<div class="bg-gradient-to-br from-blue-700 to-indigo-800 p-4 rounded-lg">
|
||
<h4 class="text-lg font-semibold mb-2 text-white">刚果和谈</h4>
|
||
<p class="text-gray-300">3月18日安哥拉和平谈判结果，若失败停产或延长至2025年底。</p>
|
||
</div>
|
||
|
||
<div class="bg-gradient-to-br from-green-700 to-teal-800 p-4 rounded-lg">
|
||
<h4 class="text-lg font-semibold mb-2 text-white">印尼政策</h4>
|
||
<p class="text-gray-300">4-5月可能落地的资源税+外汇管制新政，或进一步收紧出口。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div>
|
||
<h3 class="text-xl font-semibold mb-4 text-white">长期路径</h3>
|
||
<div class="bg-gradient-to-r from-purple-900 to-pink-900 p-4 rounded-lg">
|
||
<ul class="space-y-2 text-gray-300">
|
||
<li><strong>2025-2027年</strong>：供需缺口持续扩大（1.6→1.8万吨），价格中枢30→35万元/吨。</li>
|
||
<li><strong>2028年后</strong>：非洲（刚果Kamoto）、澳洲（Taronga）等新矿投产，缺口逐步收窄，但品位下降导致成本支撑长期存在。</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 产业链与核心公司深度剖析 -->
|
||
<div class="card rounded-xl p-6 mb-8">
|
||
<h2 class="text-2xl font-bold mb-6 text-white">产业链与核心公司深度剖析</h2>
|
||
|
||
<div class="mb-6">
|
||
<h3 class="text-xl font-semibold mb-4 text-white">产业链图谱</h3>
|
||
<div class="bg-gray-800 bg-opacity-50 p-4 rounded-lg">
|
||
<div class="flex flex-col md:flex-row justify-between items-center space-y-4 md:space-y-0">
|
||
<div class="text-center bg-gray-700 px-4 py-2 rounded-lg w-full md:w-auto">
|
||
<p class="font-semibold text-white">上游：锡矿开采</p>
|
||
<p class="text-sm text-gray-300">缅甸佤邦、印尼天马、刚果Alphamin</p>
|
||
</div>
|
||
<div class="text-2xl text-gray-400">↓</div>
|
||
<div class="text-center bg-gray-700 px-4 py-2 rounded-lg w-full md:w-auto">
|
||
<p class="font-semibold text-white">中游：锡精矿加工</p>
|
||
<p class="text-sm text-gray-300">云南40%加工费1.1万元/吨→亏损</p>
|
||
</div>
|
||
<div class="text-2xl text-gray-400">↓</div>
|
||
<div class="text-center bg-gray-700 px-4 py-2 rounded-lg w-full md:w-auto">
|
||
<p class="font-semibold text-white">下游：应用领域</p>
|
||
<p class="text-sm text-gray-300">焊料（半导体/光伏）、镀锡板（食品包装）、锡化工（PVC）</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div>
|
||
<h3 class="text-xl font-semibold mb-4 text-white">核心玩家对比</h3>
|
||
<div class="overflow-x-auto">
|
||
<table class="min-w-full bg-gray-800 bg-opacity-50 rounded-lg">
|
||
<thead>
|
||
<tr class="bg-gray-700">
|
||
<th class="px-4 py-3 text-left text-xs font-medium text-gray-300 uppercase tracking-wider">公司</th>
|
||
<th class="px-4 py-3 text-left text-xs font-medium text-gray-300 uppercase tracking-wider">锡矿储量</th>
|
||
<th class="px-4 py-3 text-left text-xs font-medium text-gray-300 uppercase tracking-wider">2024产量</th>
|
||
<th class="px-4 py-3 text-left text-xs font-medium text-gray-300 uppercase tracking-wider">核心逻辑</th>
|
||
<th class="px-4 py-3 text-left text-xs font-medium text-gray-300 uppercase tracking-wider">风险点</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody class="divide-y divide-gray-700">
|
||
<tr>
|
||
<td class="px-4 py-3 whitespace-nowrap text-sm font-medium text-white">锡业股份</td>
|
||
<td class="px-4 py-3 whitespace-nowrap text-sm text-gray-300">64.6万吨</td>
|
||
<td class="px-4 py-3 whitespace-nowrap text-sm text-gray-300">3.2万吨</td>
|
||
<td class="px-4 py-3 text-sm text-gray-300">全球龙头，全产业链+低成本个旧矿</td>
|
||
<td class="px-4 py-3 text-sm text-gray-300">缅甸复产超预期导致价跌</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="px-4 py-3 whitespace-nowrap text-sm font-medium text-white">华锡有色</td>
|
||
<td class="px-4 py-3 whitespace-nowrap text-sm text-gray-300">17.9万吨</td>
|
||
<td class="px-4 py-3 whitespace-nowrap text-sm text-gray-300">0.65万吨</td>
|
||
<td class="px-4 py-3 text-sm text-gray-300">高峰矿品位1.46%（行业最高）</td>
|
||
<td class="px-4 py-3 text-sm text-gray-300">广西资源税上调3%侵蚀利润</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="px-4 py-3 whitespace-nowrap text-sm font-medium text-white">兴业银锡</td>
|
||
<td class="px-4 py-3 whitespace-nowrap text-sm text-gray-300">19.1万吨</td>
|
||
<td class="px-4 py-3 whitespace-nowrap text-sm text-gray-300">0.78万吨</td>
|
||
<td class="px-4 py-3 text-sm text-gray-300">银漫二期技改后产能翻倍</td>
|
||
<td class="px-4 py-3 text-sm text-gray-300">二期投产延迟（已推迟至2026）</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
|
||
<div class="mt-6 bg-gray-800 bg-opacity-50 p-4 rounded-lg">
|
||
<h4 class="text-lg font-semibold mb-2 text-white">验证与证伪</h4>
|
||
<ul class="space-y-2 text-gray-300">
|
||
<li><strong>锡业股份</strong>：路演显示其加工费已亏损（1.1万元/吨 vs 成本1.45万），但库存仅1个月（正常3个月），减产风险被低估。</li>
|
||
<li><strong>华锡有色</strong>：研报称其"资源禀赋最优"，但实际产量仅0.65万吨（占储量3.6%），开采进度远低预期。</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 潜在风险与挑战 -->
|
||
<div class="card rounded-xl p-6 mb-8">
|
||
<h2 class="text-2xl font-bold mb-6 text-white">潜在风险与挑战</h2>
|
||
|
||
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
|
||
<div class="bg-red-900 bg-opacity-50 p-4 rounded-lg">
|
||
<h3 class="text-lg font-semibold mb-2 text-white">技术风险</h3>
|
||
<p class="text-gray-300">光伏焊带技术迭代：若钙钛矿电池商用化（无需锡焊带），需求或削减20%（2026年光伏锡需求5万吨）。</p>
|
||
</div>
|
||
|
||
<div class="bg-orange-900 bg-opacity-50 p-4 rounded-lg">
|
||
<h3 class="text-lg font-semibold mb-2 text-white">商业化风险</h3>
|
||
<p class="text-gray-300">缅甸复产：若佤邦Q1意外复产（如军政府妥协），价格或回调15%-20%（云南调研纪要）。</p>
|
||
</div>
|
||
|
||
<div class="bg-yellow-900 bg-opacity-50 p-4 rounded-lg">
|
||
<h3 class="text-lg font-semibold mb-2 text-white">政策风险</h3>
|
||
<p class="text-gray-300">中国出口管制：锡被列入战略资源清单，若限制出口，海外价格或暴涨（LME库存仅4695吨）。</p>
|
||
</div>
|
||
|
||
<div class="bg-purple-900 bg-opacity-50 p-4 rounded-lg">
|
||
<h3 class="text-lg font-semibold mb-2 text-white">信息矛盾</h3>
|
||
<p class="text-gray-300">缅甸库存：国信专家称"11月库存耗尽"，但云南纪要显示"仍有4000吨政府储备"，复产时间存在博弈空间。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 综合结论与投资启示 -->
|
||
<div class="card rounded-xl p-6 mb-8">
|
||
<h2 class="text-2xl font-bold mb-6 text-white">综合结论与投资启示</h2>
|
||
|
||
<div class="mb-6">
|
||
<h3 class="text-xl font-semibold mb-4 text-white">阶段判断</h3>
|
||
<div class="bg-gradient-to-r from-blue-900 to-indigo-900 p-4 rounded-lg">
|
||
<p class="text-gray-300">锡矿已从主题炒作（2023年政策扰动）进入基本面驱动阶段，供需缺口是硬约束。</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="mb-6">
|
||
<h3 class="text-xl font-semibold mb-4 text-white">投资方向</h3>
|
||
<div class="grid grid-cols-1 md:grid-cols-3 gap-4">
|
||
<div class="bg-gradient-to-br from-green-700 to-teal-800 p-4 rounded-lg">
|
||
<h4 class="text-lg font-semibold mb-2 text-white">资源端</h4>
|
||
<p class="text-gray-300"><strong>锡业股份</strong>（储量/市值比25.55%）——最直接受益价格上涨</p>
|
||
</div>
|
||
|
||
<div class="bg-gradient-to-br from-blue-700 to-indigo-800 p-4 rounded-lg">
|
||
<h4 class="text-lg font-semibold mb-2 text-white">弹性标的</h4>
|
||
<p class="text-gray-300"><strong>兴业银锡</strong>（银漫二期2026年投产，产量+100%）</p>
|
||
</div>
|
||
|
||
<div class="bg-gradient-to-br from-purple-700 to-pink-800 p-4 rounded-lg">
|
||
<h4 class="text-lg font-semibold mb-2 text-white">避险选择</h4>
|
||
<p class="text-gray-300"><strong>华锡有色</strong>（高品位矿+锑业务对冲锡价波动）</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div>
|
||
<h3 class="text-xl font-semibold mb-4 text-white">关键跟踪指标</h3>
|
||
<div class="bg-gray-800 bg-opacity-50 p-4 rounded-lg">
|
||
<ul class="space-y-2 text-gray-300">
|
||
<li><strong>缅甸进口量</strong>：每月中国海关数据（<2000吨/月为危险信号）</li>
|
||
<li><strong>LME库存</strong>：若跌破3000吨（当前4695吨），逼仓风险激增</li>
|
||
<li><strong>半导体销售额</strong>：WSTS数据连续3个月>10%则需求确认复苏</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="mt-6 bg-gradient-to-r from-yellow-700 to-orange-800 p-4 rounded-lg">
|
||
<h3 class="text-xl font-semibold mb-2 text-white">最终结论</h3>
|
||
<p class="text-gray-300">在供给不可逆收缩+需求爆发的双重驱动下，锡矿是2025年最具确定性的涨价品种，回调即是买入机会。</p>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 关联股票数据表格 -->
|
||
<div class="card rounded-xl p-6">
|
||
<h2 class="text-2xl font-bold mb-6 text-white">关联股票数据</h2>
|
||
<div class="table-responsive">
|
||
<table class="min-w-full bg-gray-800 bg-opacity-50 rounded-lg">
|
||
<thead>
|
||
<tr class="bg-gray-700">
|
||
<th class="px-4 py-3 text-left text-xs font-medium text-gray-300 uppercase tracking-wider">股票</th>
|
||
<th class="px-4 py-3 text-left text-xs font-medium text-gray-300 uppercase tracking-wider">锡矿储量（万吨）</th>
|
||
<th class="px-4 py-3 text-left text-xs font-medium text-gray-300 uppercase tracking-wider">储量/市值（3月13日收盘总市值）</th>
|
||
<th class="px-4 py-3 text-left text-xs font-medium text-gray-300 uppercase tracking-wider">原因</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody class="divide-y divide-gray-700">
|
||
<tr>
|
||
<td class="px-4 py-3 whitespace-nowrap text-sm font-medium text-white">锡业股份</td>
|
||
<td class="px-4 py-3 whitespace-nowrap text-sm text-gray-300">64.64</td>
|
||
<td class="px-4 py-3 whitespace-nowrap text-sm text-gray-300">25.55%</td>
|
||
<td class="px-4 py-3 text-sm text-gray-300">表格中显示锡业股份的锡矿储量为64.64万吨，储量/市值比例为25.55%</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="px-4 py-3 whitespace-nowrap text-sm font-medium text-white">兴业银锡</td>
|
||
<td class="px-4 py-3 whitespace-nowrap text-sm text-gray-300">19.56</td>
|
||
<td class="px-4 py-3 whitespace-nowrap text-sm text-gray-300">8.13%</td>
|
||
<td class="px-4 py-3 text-sm text-gray-300">表格中显示兴业银锡的锡矿储量为19.56万吨，储量/市值比例为8.13%</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="px-4 py-3 whitespace-nowrap text-sm font-medium text-white">华锡有色</td>
|
||
<td class="px-4 py-3 whitespace-nowrap text-sm text-gray-300">17</td>
|
||
<td class="px-4 py-3 whitespace-nowrap text-sm text-gray-300">11.05%</td>
|
||
<td class="px-4 py-3 text-sm text-gray-300">表格中显示华锡有色的锡矿储量为17万吨，储量/市值比例为11.05%</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="px-4 py-3 whitespace-nowrap text-sm font-medium text-white">紫金矿业</td>
|
||
<td class="px-4 py-3 whitespace-nowrap text-sm text-gray-300">15.32</td>
|
||
<td class="px-4 py-3 whitespace-nowrap text-sm text-gray-300">0.34%</td>
|
||
<td class="px-4 py-3 text-sm text-gray-300">表格中显示紫金矿业的锡矿储量为15.32万吨，储量/市值比例为0.34%</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="px-4 py-3 whitespace-nowrap text-sm font-medium text-white">ST盛屯</td>
|
||
<td class="px-4 py-3 whitespace-nowrap text-sm text-gray-300">2.85</td>
|
||
<td class="px-4 py-3 whitespace-nowrap text-sm text-gray-300">1.66%</td>
|
||
<td class="px-4 py-3 text-sm text-gray-300">表格中显示ST盛屯的锡矿储量为2.85万吨，储量/市值比例为1.66%</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="px-4 py-3 whitespace-nowrap text-sm font-medium text-white">山金国际</td>
|
||
<td class="px-4 py-3 whitespace-nowrap text-sm text-gray-300">2.74</td>
|
||
<td class="px-4 py-3 whitespace-nowrap text-sm text-gray-300">0.57%</td>
|
||
<td class="px-4 py-3 text-sm text-gray-300">表格中显示山金国际的锡矿储量为2.74万吨，储量/市值比例为0.57%</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<script>
|
||
// 添加一些交互效果
|
||
document.addEventListener('DOMContentLoaded', function() {
|
||
// 为卡片添加悬停效果
|
||
const cards = document.querySelectorAll('.card');
|
||
cards.forEach(card => {
|
||
card.addEventListener('mouseenter', function() {
|
||
this.style.transform = 'translateY(-5px)';
|
||
this.style.transition = 'transform 0.3s ease';
|
||
});
|
||
|
||
card.addEventListener('mouseleave', function() {
|
||
this.style.transform = 'translateY(0)';
|
||
});
|
||
});
|
||
|
||
// 为表格行添加悬停效果
|
||
const tableRows = document.querySelectorAll('tbody tr');
|
||
tableRows.forEach(row => {
|
||
row.addEventListener('mouseenter', function() {
|
||
this.style.backgroundColor = 'rgba(255, 255, 255, 0.1)';
|
||
this.style.transition = 'background-color 0.3s ease';
|
||
});
|
||
|
||
row.addEventListener('mouseleave', function() {
|
||
this.style.backgroundColor = 'transparent';
|
||
});
|
||
});
|
||
});
|
||
</script>
|
||
</body>
|
||
</html>
|
||
``` |