文本查看器


<!doctypehtml><html lang=zh-CN><head><meta charset=UTF-8><meta content=width=device-width,initial-scale=1.0 name=viewport><title>篮球场地面材料概述 - 优正体育</title><meta name='keywords' content='篮球场地面材料概述'><script src=https://cdn.tailwindcss.com/3.4.16></script><script>tailwind.config={darkMode:`class`}</script><script>tailwind.config={darkMode:`class`}</script><link href=https://cdn.bootcdn.net/ajax/libs/font-awesome/6.4.0/css/all.min.css rel=stylesheet><script src=https://jsdelivr.topthink.com/npm/chart.js></script><style>@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&display=swap";:root{--primary:#0070f3;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--bg-light:#fff;--bg-dark:#121212;--text-light:#333;--text-dark:#e0e0e0}.dark{--bg-color:var(--bg-dark);--text-color:var(--text-dark);--card-bg:#1e1e1e;--border-color:#333}.light{--bg-color:var(--bg-light);--text-color:var(--text-light);--card-bg:#fff;--border-color:#e5e7eb}body{background-color:var(--bg-color);color:var(--text-color);font-family:Noto Sans SC,sans-serif;transition:background-color .3s,color .3s}.card{background-color:var(--card-bg);border:1px solid var(--border-color);transition:all .3s}.card:hover{transform:translateY(-2px);box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.btn{transition:all .2s}.btn:hover{transform:scale(1.05)}.fade-in{animation:.8s ease-in fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.material-table th,.material-table td{border:1px solid var(--border-color);padding:.75rem 1rem}.comparison-table th,.comparison-table td{border:1px solid var(--border-color);padding:.75rem 1rem}.feature-icon{color:var(--primary);margin-right:.5rem}.chart-container{width:较高;height:300px;position:relative}.material-card{transition:all .3s}.material-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.progress-bar{background-color:#e0e0e0;border-radius:4px;height:8px;overflow:hidden}.progress-fill{border-radius:4px;height:较高;transition:width 1s ease-in-out}.toggle-checkbox:checked{border-color:#4f46e5;right:0}.toggle-checkbox:checked+.toggle-label{background-color:#4f46e5}</style></head><body class=light><div class="min-h-screen flex flex-col"><header class="sticky top-0 z-50 bg-opacity-90 backdrop-filter backdrop-blur-lg border-b border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-900 shadow-sm"><div class="container mx-auto px-4 py-4 flex justify-between items-center"><div class="flex items-center space-x-2"><i class="fas fa-basketball-ball text-primary text-2xl"></i><h1 class="text-xl font-bold">篮球场地面材料指南</h1></div><div class="flex items-center space-x-4"><button class="p-2 rounded-full hover:bg-gray-200 dark:hover:bg-gray-700 focus:outline-none"id=theme-toggle><i class="fas fa-moon dark:hidden"></i> <i class="fas fa-sun hidden dark:block"></i></button><button class="hidden md:block bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded-md transition-all duration-300 btn"><i class="fas fa-download mr-2"></i>下载PDF</button></div></div></header><main class="flex-grow container mx-auto px-4 py-8"><section class="mb-12 fade-in"><div class="max-w-4xl mx-auto text-center mb-12"><h2 class="text-3xl font-bold mb-4">湖北优正体育</h2><p class="text-gray-600 dark:text-gray-400 mb-6">联系电话：185-7145-9135<div class="w-24 h-1 bg-blue-600 mx-auto mb-8"></div><p class="text-lg leading-relaxed">篮球运动对场地的<span class=font-semibold>耐磨性、弹性、防滑性、减震性</span>以及<span class=font-semibold>标线清晰度</span>有严格要求。不同使用场景（室内、室外、专业赛场、社区场地）决定了材料的选型。当前市场上常见的篮球场地面材料主要包括以下几种。</div></section><section class="mb-16 fade-in"style=animation-delay:.2s><div class="max-w-6xl mx-auto"><h2 class="text-2xl font-bold mb-8 text-center">主要材料类型对比</h2><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6"><div class="material-card card rounded-xl overflow-hidden shadow-md"><div class=p-6><div class="flex items-center mb-4"><div class="w-12 h-12 rounded-full bg-blue-100 dark:bg-blue-900 flex items-center justify-center mr-4"><i class="fas fa-tint feature-icon text-blue-600 dark:text-blue-400 text-xl"></i></div><h3 class="text-xl font-semibold">硅PU（聚氨酯）</h3></div><p class="text-gray-600 dark:text-gray-400 mb-4">适用于室内外高频使用，耐磨、耐候、弹性好、抗污、结构稳定。<div class=mb-4><div class="flex justify-between mb-1"><span class="text-sm font-medium">耐磨性</span><span class="text-sm font-medium">90%</span></div><div class=progress-bar><div class="progress-fill bg-blue-600"style=width:90%></div></div></div><div class=mb-4><div class="flex justify-between mb-1"><span class="text-sm font-medium">弹性</span><span class="text-sm font-medium">85%</span></div><div class=progress-bar><div class="progress-fill bg-blue-600"style=width:85%></div></div></div><div class=mb-4><div class="flex justify-between mb-1"><span class="text-sm font-medium">防滑性</span><span class="text-sm font-medium">80%</span></div><div class=progress-bar><div class="progress-fill bg-blue-600"style=width:80%></div></div></div><div class=mb-4><div class="flex justify-between mb-1"><span class="text-sm font-medium">成本效益</span><span class="text-sm font-medium">75%</span></div><div class=progress-bar><div class="progress-fill bg-blue-600"style=width:75%></div></div></div></div></div><div class="material-card card rounded-xl overflow-hidden shadow-md"><div class=p-6><div class="flex items-center mb-4"><div class="w-12 h-12 rounded-full bg-green-100 dark:bg-green-900 flex items-center justify-center mr-4"><i class="fas fa-paint-roller feature-icon text-green-600 dark:text-green-400 text-xl"></i></div><h3 class="text-xl font-semibold">丙烯酸涂层</h3></div><p class="text-gray-600 dark:text-gray-400 mb-4">适用于室内外专业场地，防紫外线、颜色鲜艳、耐候、易维护。<div class=mb-4><div class="flex justify-between mb-1"><span class="text-sm font-medium">耐磨性</span><span class="text-sm font-medium">85%</span></div><div class=progress-bar><div class="progress-fill bg-green-600"style=width:85%></div></div></div><div class=mb-4><div class="flex justify-between mb-1"><span class="text-sm font-medium">弹性</span><span class="text-sm font-medium">75%</span></div><div class=progress-bar><div class="progress-fill bg-green-600"style=width:75%></div></div></div><div class=mb-4><div class="flex justify-between mb-1"><span class="text-sm font-medium">防滑性</span><span class="text-sm font-medium">85%</span></div><div class=progress-bar><div class="progress-fill bg-green-600"style=width:85%></div></div></div><div class=mb-4><div class="flex justify-between mb-1"><span class="text-sm font-medium">成本效益</span><span class="text-sm font-medium">80%</span></div><div class=progress-bar><div class="progress-fill bg-green-600"style=width:80%></div></div></div></div></div><div class="material-card card rounded-xl overflow-hidden shadow-md"><div class=p-6><div class="flex items-center mb-4"><div class="w-12 h-12 rounded-full bg-yellow-100 dark:bg-yellow-900 flex items-center justify-center mr-4"><i class="fas fa-circle feature-icon text-yellow-600 dark:text-yellow-400 text-xl"></i></div><h3 class="text-xl font-semibold">EPDM橡胶</h3></div><p class="text-gray-600 dark:text-gray-400 mb-4">适用于室外、学校、社区，施工方便、适应性强、不易起皮。<div class=mb-4><div class="flex justify-between mb-1"><span class="text-sm font-medium">耐磨性</span><span class="text-sm font-medium">80%</span></div><div class=progress-bar><div class="progress-fill bg-yellow-600"style=width:80%></div></div></div><div class=mb-4><div class="flex justify-between mb-1"><span class="text-sm font-medium">弹性</span><span class="text-sm font-medium">80%</span></div><div class=progress-bar><div class="progress-fill bg-yellow-600"style=width:80%></div></div></div><div class=mb-4><div class="flex justify-between mb-1"><span class="text-sm font-medium">防滑性</span><span class="text-sm font-medium">75%</span></div><div class=progress-bar><div class="progress-fill bg-yellow-600"style=width:75%></div></div></div><div class=mb-4><div class="flex justify-between mb-1"><span class="text-sm font-medium">成本效益</span><span class="text-sm font-medium">85%</span></div><div class=progress-bar><div class="progress-fill bg-yellow-600"style=width:85%></div></div></div></div></div><div class="material-card card rounded-xl overflow-hidden shadow-md"><div class=p-6><div class="flex items-center mb-4"><div class="w-12 h-12 rounded-full bg-purple-100 dark:bg-purple-900 flex items-center justify-center mr-4"><i class="fas fa-th-large feature-icon text-purple-600 dark:text-purple-400 text-xl"></i></div><h3 class="text-xl font-semibold">PVC运动地板</h3></div><p class="text-gray-600 dark:text-gray-400 mb-4">适用于室内、商业体育馆，成本较低、防滑、易清洁。<div class=mb-4><div class="flex justify-between mb-1"><span class="text-sm font-medium">耐磨性</span><span class="text-sm font-medium">70%</span></div><div class=progress-bar><div class="progress-fill bg-purple-600"style=width:70%></div></div></div><div class=mb-4><div class="flex justify-between mb-1"><span class="text-sm font-medium">弹性</span><span class="text-sm font-medium">65%</span></div><div class=progress-bar><div class="progress-fill bg-purple-600"style=width:65%></div></div></div><div class=mb-4><div class="flex justify-between mb-1"><span class="text-sm font-medium">防滑性</span><span class="text-sm font-medium">75%</span></div><div class=progress-bar><div class="progress-fill bg-purple-600"style=width:75%></div></div></div><div class=mb-4><div class="flex justify-between mb-1"><span class="text-sm font-medium">成本效益</span><span class="text-sm font-medium">90%</span></div><div class=progress-bar><div class="progress-fill bg-purple-600"style=width:90%></div></div></div></div></div></div></div></section><section class="mb-16 fade-in"style=animation-delay:.4s><div class="max-w-6xl mx-auto"><h2 class="text-2xl font-bold mb-8 text-center">材料特性对比</h2><div class="overflow-x-auto mb-8"><table class="material-table w-full rounded-lg overflow-hidden"><thead><tr class="bg-gray-100 dark:bg-gray-800"><th class="text-left font-semibold">材料类型<th class="text-left font-semibold">适用场景<th class="text-left font-semibold">主要特性<tbody><tr class="hover:bg-gray-50 dark:hover:bg-gray-800"><td class="font-medium text-blue-600 dark:text-blue-400">硅PU（聚氨酯）<td>室内外高频使用<td>耐磨、耐候、弹性好、抗污、结构稳定<tr class="hover:bg-gray-50 dark:hover:bg-gray-800"><td class="font-medium text-green-600 dark:text-green-400">丙烯酸涂层<td>室内外专业场地<td>防紫外线、颜色鲜艳、耐候、易维护<tr class="hover:bg-gray-50 dark:hover:bg-gray-800"><td class="font-medium text-yellow-600 dark:text-yellow-400">EPDM（乙烯-丙烯-二烯单体）<td>室外、学校、社区<td>施工方便、适应性强、不易起皮<tr class="hover:bg-gray-50 dark:hover:bg-gray-800"><td class="font-medium text-purple-600 dark:text-purple-400">PVC运动地板<td>室内、商业体育馆<td>成本较低、防滑、易清洁<tr class="hover:bg-gray-50 dark:hover:bg-gray-800"><td class="font-medium text-red-600 dark:text-red-400">实木硬地板<td>高品质室内赛场<td>反弹均匀、手感好、需专业保养<tr class="hover:bg-gray-50 dark:hover:bg-gray-800"><td class="font-medium text-indigo-600 dark:text-indigo-400">悬浮式拼装地板<td>室外、临时场地<td>施工快捷、可更换、抗裂<tr class="hover:bg-gray-50 dark:hover:bg-gray-800"><td class="font-medium text-teal-600 dark:text-teal-400">混凝土/沥青基层<td>基础层、户外公共场地<td>结构坚固、成本低、需面层处理<tr class="hover:bg-gray-50 dark:hover:bg-gray-800"><td class="font-medium text-orange-600 dark:text-orange-400">橡胶颗粒（塑胶跑道）<td>多功能体育场<td>弹性佳、减震、耐磨</table></div></div></section><section class="mb-16 fade-in"style=animation-delay:.6s><div class="max-w-6xl mx-auto"><h2 class="text-2xl font-bold mb-8 text-center">材料选型的关键因素</h2><div class="grid grid-cols-1 md:grid-cols-2 gap-8"><div class="card rounded-xl p-6 shadow-md"><h3 class="text-xl font-semibold mb-4 flex items-center"><i class="fas fa-chart-line feature-icon"></i> 使用频率与预算</h3><div class="chart-container mb-6"><canvas id=frequencyChart></canvas></div><p class="text-gray-600 dark:text-gray-400">高频使用推荐硅PU或丙烯酸，低频可选PVC或混凝土基层。预算紧张时可采用PVC或混凝土+涂层；高品质项目可考虑实木或硅PU。</div><div class="card rounded-xl p-6 shadow-md"><h3 class="text-xl font-semibold mb-4 flex items-center"><i class="fas fa-cloud-sun feature-icon"></i> 气候环境与安全需求</h3><div class="chart-container mb-6"><canvas id=climateChart></canvas></div><p class="text-gray-600 dark:text-gray-400">暴露在强紫外线或雨水的场地宜选防紫外线的丙烯酸或硅PU；潮湿地区需防潮防水。防滑、防震是首要，EPDM、硅PU、丙烯酸均具备良好防滑性能。</div></div></div></section><section class="mb-16 fade-in"style=animation-delay:.8s><div class="max-w-6xl mx-auto"><h2 class="text-2xl font-bold mb-8 text-center">常见材料的优缺点对比</h2><div class=overflow-x-auto><table class="comparison-table w-full rounded-lg overflow-hidden"><thead><tr class="bg-gray-100 dark:bg-gray-800"><th class="text-left font-semibold">材料<th class="text-left font-semibold">优点<th class="text-left font-semibold">缺点<tbody><tr class="hover:bg-gray-50 dark:hover:bg-gray-800"><td class="font-medium text-blue-600 dark:text-blue-400">硅PU<td>耐磨、弹性好、抗污、寿命长<td>初期施工成本较高<tr class="hover:bg-gray-50 dark:hover:bg-gray-800"><td class="font-medium text-green-600 dark:text-green-400">丙烯酸<td>防紫外线、颜色鲜艳、易维护<td>对施工温度有一定要求<tr class="hover:bg-gray-50 dark:hover:bg-gray-800"><td class="font-medium text-yellow-600 dark:text-yellow-400">EPDM<td>施工快捷、柔韧、耐候<td>表面硬度略低于硅PU<tr class="hover:bg-gray-50 dark:hover:bg-gray-800"><td class="font-medium text-purple-600 dark:text-purple-400">PVC<td>成本低、易清洁、防滑<td>弹性和回弹略逊于硅PU<tr class="hover:bg-gray-50 dark:hover:bg-gray-800"><td class="font-medium text-red-600 dark:text-red-400">实木<td>手感好、回弹均匀、观感佳<td>需定期保养、成本高<tr class="hover:bg-gray-50 dark:hover:bg-gray-800"><td class="font-medium text-indigo-600 dark:text-indigo-400">悬浮拼装<td>施工快速、可更换、适应性强<td>结构相对薄弱，适合低强度使用<tr class="hover:bg-gray-50 dark:hover:bg-gray-800"><td class="font-medium text-teal-600 dark:text-teal-400">混凝土/沥青<td>结构坚固、成本低<td>需面层处理，否则防滑性差</table></div></div></section><section class="mb-16 fade-in"style=animation-delay:1s><div class="max-w-6xl mx-auto"><h2 class="text-2xl font-bold mb-8 text-center">施工与维护要点</h2><div class="grid grid-cols-1 md:grid-cols-3 gap-6"><div class="card rounded-xl p-6 shadow-md"><div class="flex items-center mb-4"><div class="w-12 h-12 rounded-full bg-blue-100 dark:bg-blue-900 flex items-center justify-center mr-4"><i class="fas fa-layer-group feature-icon text-blue-600 dark:text-blue-400"></i></div><h3 class="text-xl font-semibold">基层处理</h3></div><p class="text-gray-600 dark:text-gray-400">无论采用哪种面层材料，基层必须平整、干燥、无裂纹。常见做法是先进行<strong>酸洗、底漆</strong>处理。</div><div class="card rounded-xl p-6 shadow-md"><div class="flex items-center mb-4"><div class="w-12 h-12 rounded-full bg-green-100 dark:bg-green-900 flex items-center justify-center mr-4"><i class="fas fa-layer-group feature-icon text-green-600 dark:text-green-400"></i></div><h3 class="text-xl font-semibold">分层施工</h3></div><p class="text-gray-600 dark:text-gray-400">硅PU、丙烯酸等多层体系需按<strong>底漆 → 弹性层 → 加强层 → 面层</strong>顺序施工，确保层间粘结牢固。</div><div class="card rounded-xl p-6 shadow-md"><div class="flex items-center mb-4"><div class="w-12 h-12 rounded-full bg-yellow-100 dark:bg-yellow-900 flex items-center justify-center mr-4"><i class="fas fa-border-all feature-icon text-yellow-600 dark:text-yellow-400"></i></div><h3 class="text-xl font-semibold">标线施工</h3></div><p class="text-gray-600 dark:text-gray-400">使用耐磨、耐候的专用标线漆或贴膜，保证线条清晰、耐久。</div></div><div class="mt-8 card rounded-xl p-6 shadow-md"><h3 class="text-xl font-semibold mb-4 flex items-center"><i class="fas fa-tools feature-icon"></i> 日常维护</h3><div class="grid grid-cols-1 md:grid-cols-3 gap-6"><div class="bg-gray-50 dark:bg-gray-800 p-4 rounded-lg"><h4 class="font-medium mb-2">清洁</h4><p class="text-gray-600 dark:text-gray-400 text-sm">使用软刷或湿布，避免强酸强碱。</div><div class="bg-gray-50 dark:bg-gray-800 p-4 rounded-lg"><h4 class="font-medium mb-2">检查</h4><p class="text-gray-600 dark:text-gray-400 text-sm">定期检查表面磨损、起泡、裂纹，及时修补。</div><div class="bg-gray-50 dark:bg-gray-800 p-4 rounded-lg"><h4 class="font-medium mb-2">翻新</h4><p class="text-gray-600 dark:text-gray-400 text-sm">对硅PU、丙烯酸等可在磨损后进行局部重新喷涂，延长使用寿命。</div></div></div></div></section><section class="mb-16 fade-in"style=animation-delay:1.2s><div class="max-w-6xl mx-auto"><h2 class="text-2xl font-bold mb-8 text-center">成本与性价比参考</h2><div class="chart-container mb-8"><canvas id=costChart></canvas></div><div class="grid grid-cols-1 md:grid-cols-2 gap-6"><div class="card rounded-xl p-6 shadow-md"><h3 class="text-xl font-semibold mb-4 flex items-center"><i class="fas fa-leaf feature-icon"></i> 环保与可持续性</h3><ul class="space-y-3 text-gray-600 dark:text-gray-400"><li class="flex items-start"><i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i> <span><strong>硅PU</strong> 与 <strong>丙烯酸</strong> 均可采用 <strong>低VOC（挥发性有机化合物）</strong> 配方，降低施工期间的环境污染。</span><li class="flex items-start"><i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i> <span><strong>EPDM</strong> 橡胶来源于石油副产品，回收利用率较高，可实现材料再生。</span><li class="flex items-start"><i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i> <span><strong>PVC</strong> 虽成本低，但生产过程涉及氯化物，需关注环保法规。</span></ul></div><div class="card rounded-xl p-6 shadow-md"><h3 class="text-xl font-semibold mb-4 flex items-center"><i class="fas fa-building feature-icon"></i> 典型案例参考</h3><ul class="space-y-3 text-gray-600 dark:text-gray-400"><li class="flex items-start"><i class="fas fa-school text-blue-500 mt-1 mr-2"></i> <span><strong>校园硅PU篮球场</strong>：采用多层硅PU体系，兼顾耐磨与防滑，适合日常训练与比赛。</span><li class="flex items-start"><i class="fas fa-home text-green-500 mt-1 mr-2"></i> <span><strong>社区丙烯酸场地</strong>：使用丙烯酸+石英砂涂层，色彩鲜艳，抗紫外线，维护成本低。</span><li class="flex items-start"><i class="fas fa-dumbbell text-purple-500 mt-1 mr-2"></i> <span><strong>商业体育馆PVC地板</strong>：成本控制在预算范围内，防滑性能满足日常使用需求。</span></ul></div></div></div></section><section class="mb-16 fade-in"style=animation-delay:1.4s><div class="max-w-4xl mx-auto"><div class="card rounded-xl p-8 shadow-md"><h2 class="text-2xl font-bold mb-6 text-center">结语</h2><p class="text-gray-600 dark:text-gray-400 mb-6 leading-relaxed">篮球场地面的材料选择应综合 <strong>使用频率、气候条件、预算、维护能力</strong> 等因素。硅PU 与丙烯酸提供了较佳的耐磨、弹性和防污性能，适合高强度使用；PVC 与混凝土基层则在成本上更具优势，适用于预算有限的场所；实木硬地板虽成本高，但在专业赛场上仍具不可替代的手感与观感。合理的施工工艺与日常维护是确保场地长期安全、舒适的关键。<div class="text-center mt-8 pt-4 border-t border-gray-200 dark:border-gray-700"><p class="text-gray-500 dark:text-gray-400 italic">*本文由湖北优正体育提供技术支持，旨在帮助用户了解篮球场地面材料的选型与应用。</div></div></div></section></main><footer class="bg-gray-100 dark:bg-gray-900 py-8 border-t border-gray-200 dark:border-gray-800"><div class="container mx-auto px-4"><div class="flex flex-col md:flex-row justify-between items-center"><div class="mb-4 md:mb-0"><p class="text-gray-600 dark:text-gray-400">© 2025 湖北优正体育</div><div class="flex items-center"><p class="text-gray-600 dark:text-gray-400">作者： 优正体育吴杰185-7145-9135</div></div></div></footer></div><script>const themeToggle=document.getElementById(`theme-toggle`);const body=document.body;if(window.matchMedia&&window.matchMedia(`(prefers-color-scheme: dark)`).matches){body.classList.remove(`light`);body.classList.add(`dark`)};themeToggle.addEventListener(`click`,()=>{let a=`light`,b=`dark`;if(body.classList.contains(a)){body.classList.remove(a);body.classList.add(b)}else{body.classList.remove(b);body.classList.add(a)}});document.addEventListener(`DOMContentLoaded`,(()=>{let n=0,o=`#343a40`,l=`rgba(255, 255, 255, 0.1)`,m=`rgba(0, 0, 0, 0.1)`,k=`2d`,j=`dark`,i=`#f8f9fa`;const a=document.getElementById(`frequencyChart`).getContext(k);const b=new Chart(a,{type:`radar`,data:{labels:[`耐磨性`,`弹性`,`防滑性`,`成本效益`,`维护难度`,`使用寿命`],datasets:[{label:`硅PU（聚氨酯）`,data:[90,85,80,75,65,90],backgroundColor:`rgba(54, 162, 235, 0.2)`,borderColor:`rgb(54, 162, 235)`,pointBackgroundColor:`rgb(54, 162, 235)`,pointBorderColor:i,pointHoverBackgroundColor:i,pointHoverBorderColor:`rgb(54, 162, 235)`},{label:`丙烯酸涂层`,data:[85,75,85,80,70,85],backgroundColor:`rgba(75, 192, 192, 0.2)`,borderColor:`rgb(75, 192, 192)`,pointBackgroundColor:`rgb(75, 192, 192)`,pointBorderColor:i,pointHoverBackgroundColor:i,pointHoverBorderColor:`rgb(75, 192, 192)`},{label:`EPDM橡胶`,data:[80,80,75,85,75,80],backgroundColor:`rgba(255, 206, 86, 0.2)`,borderColor:`rgb(255, 206, 86)`,pointBackgroundColor:`rgb(255, 206, 86)`,pointBorderColor:i,pointHoverBackgroundColor:i,pointHoverBorderColor:`rgb(255, 206, 86)`}]},options:{responsive:!0,maintainAspectRatio:!1,scales:{r:{angleLines:{color:body.classList.contains(j)?l:m},grid:{color:body.classList.contains(j)?l:m},pointLabels:{color:body.classList.contains(j)?o:o},ticks:{color:body.classList.contains(j)?o:o,backdropColor:`transparent`}}},plugins:{legend:{labels:{color:body.classList.contains(j)?o:o}}}}});const c=document.getElementById(`climateChart`).getContext(k);const d=new Chart(c,{type:`bar`,data:{labels:[`室内场馆`,`室外场馆`,`专业赛事`,`社区活动`,`高温地区`,`潮湿地区`],datasets:[{label:`硅PU（聚氨酯）`,data:[90,85,95,75,80,85],backgroundColor:`rgba(54, 162, 235, 0.7)`,borderColor:`rgb(54, 162, 235)`,borderWidth:1},{label:`丙烯酸涂层`,data:[80,90,95,80,75,90],backgroundColor:`rgba(75, 192, 192, 0.7)`,borderColor:`rgb(75, 192, 192)`,borderWidth:1},{label:`EPDM橡胶`,data:[75,95,85,90,85,80],backgroundColor:`rgba(255, 206, 86, 0.7)`,borderColor:`rgb(255, 206, 86)`,borderWidth:1}]},options:{responsive:!0,maintainAspectRatio:!1,scales:{x:{grid:{color:body.classList.contains(j)?l:m},ticks:{color:body.classList.contains(j)?o:o}},y:{beginAtZero:!0,max:100,grid:{color:body.classList.contains(j)?l:m},ticks:{color:body.classList.contains(j)?o:o}}},plugins:{legend:{labels:{color:body.classList.contains(j)?o:o}}}}});const e=document.getElementById(`costChart`).getContext(k);const f=new Chart(e,{type:`horizontalBar`,data:{labels:[`硅PU（聚氨酯）`,`丙烯酸涂层`,`EPDM橡胶`,`PVC运动地板`,`实木硬地板`,`悬浮拼装`,`混凝土/沥青`],datasets:[{label:`初始成本`,data:[90,75,65,40,95,50,30],backgroundColor:`rgba(54, 162, 235, 0.7)`,borderColor:`rgb(54, 162, 235)`,borderWidth:1},{label:`维护成本`,data:[60,50,55,30,80,40,20],backgroundColor:`rgba(255, 99, 132, 0.7)`,borderColor:`rgb(255, 99, 132)`,borderWidth:1},{label:`使用寿命(年)`,data:[10,8,12,5,8,3,15],backgroundColor:`rgba(75, 192, 192, 0.7)`,borderColor:`rgb(75, 192, 192)`,borderWidth:1}]},options:{indexAxis:`y`,responsive:!0,maintainAspectRatio:!1,scales:{x:{beginAtZero:!0,max:100,grid:{color:body.classList.contains(j)?l:m},ticks:{color:body.classList.contains(j)?o:o}},y:{grid:{color:body.classList.contains(j)?l:m},ticks:{color:body.classList.contains(j)?o:o}}},plugins:{legend:{labels:{color:body.classList.contains(j)?o:o}}}}});themeToggle.addEventListener(`click`,()=>{const a=body.classList.contains(j);const c=a?`rgba(255, 255, 255, 0.1)`:`rgba(0, 0, 0, 0.1)`;const d=a?`#343a40`:`#f8f9fa`;b.options.scales.r.angleLines.color=c;b.options.scales.r.grid.color=c;b.options.scales.r.pointLabels.color=d;b.options.scales.r.ticks.color=d;b.options.plugins.legend.labels.color=d;b.update();d.options.scales.x.grid.color=c;d.options.scales.x.ticks.color=d;d.options.scales.y.grid.color=c;d.options.scales.y.ticks.color=d;d.options.plugins.legend.labels.color=d;d.update();f.options.scales.x.grid.color=c;f.options.scales.x.ticks.color=d;f.options.scales.y.grid.color=c;f.options.scales.y.ticks.color=d;f.options.plugins.legend.labels.color=d;f.update()});const g=document.querySelectorAll(`.fade-in`);const h=new IntersectionObserver(a=>{a.forEach(a=>{if(a.isIntersecting){a.target.style.opacity=1;a.target.style.transform=`translateY(0)`}})},{threshold:0.1});g.forEach(a=>{a.style.opacity=n;a.style.transform=`translateY(20px)`;a.style.transition=`opacity 0.8s ease, transform 0.8s ease`;h.observe(a)})}))</script>
</body></html>