文本查看器


<!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='公园塑胶跑道的材料构成与性能解析 '><!--ke--><!--ke--><!--ke--><!--ke--><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:#6366f1;--accent:#8b5cf6;--text-primary:#111827;--text-secondary:#4b5563;--bg-primary:#fff;--bg-secondary:#f9fafb;--border:#e5e7eb}.dark{--primary:#3b82f6;--secondary:#818cf8;--accent:#a78bfa;--text-primary:#f9fafb;--text-secondary:#d1d5db;--bg-primary:#111827;--bg-secondary:#1f2937;--border:#374151}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:Noto Sans SC,sans-serif;transition:background-color .3s,color .3s}.card{background-color:var(--bg-primary);border:1px solid var(--border);transition:all .3s}.card:hover{transform:translateY(-4px);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-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.material-item{transition:all .3s}.material-item:hover{transform:scale(1.03)}.section-title{display:inline-block;position:relative}.section-title:after{content:"";background-color:var(--primary);width:40%;height:3px;transition:width .3s;position:absolute;bottom:-8px;left:0}.section-title:hover:after{width:较高}.progress-bar{z-index:1000;background:linear-gradient(90deg,var(--primary),var(--secondary));width:0%;height:4px;transition:width .1s;position:fixed;top:0;left:0}</style></head><body class=min-h-screen><div class=progress-bar id=progressBar></div><nav class="sticky top-0 z-50 bg-opacity-90 backdrop-blur-sm border-b border-gray-200 dark:border-gray-700"style=background-color:var(--bg-primary)><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><div class="flex justify-between h-16"><div class="flex items-center"><span class="text-xl font-bold text-indigo-600 dark:text-indigo-400"> <i class="fas fa-running mr-2"></i>塑胶跑道知识 </span></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=themeToggle><i class="fas fa-moon dark:hidden"></i> <i class="fas fa-sun hidden dark:block"></i></button><button class="hidden md:block px-4 py-2 bg-indigo-600 hover:bg-indigo-700 text-white rounded-md shadow-md transition-all btn"><i class="fas fa-share-alt mr-1"></i> 分享</button></div></div></div></nav><main class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12"><header class="text-center mb-16 fade-in"><h1 class="text-4xl md:text-5xl font-bold mb-4">公园塑胶跑道的材料构成与性能解析</h1><p class="text-lg text-gray-600 dark:text-gray-300 max-w-3xl mx-auto">全面了解现代运动场地的重要组成部分，从材料选择到施工维护，打造健康安全的运动环境<div class="mt-8 flex flex-col sm:flex-row justify-center gap-4"><a class="inline-flex items-center px-6 py-3 border border-transparent text-base font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 shadow-sm transition-all btn"href=#materials> <i class="fas fa-flask mr-2"></i> 材料构成 </a><a class="inline-flex items-center px-6 py-3 border border-gray-300 text-base font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50 shadow-sm transition-all btn dark:bg-gray-800 dark:text-gray-200 dark:border-gray-700 dark:hover:bg-gray-700"href=#performance> <i class="fas fa-chart-line mr-2"></i> 性能特点 </a></div></header><section class="mb-20 fade-in"id=overview><div class="bg-gradient-to-r from-blue-50 to-indigo-50 dark:from-gray-800 dark:to-gray-900 rounded-2xl p-8 md:p-12"><h2 class="text-3xl font-bold mb-6 section-title">概述</h2><p class="text-lg leading-relaxed mb-6">塑胶跑道作为现代运动场地的重要组成部分，其材料选择直接影响运动体验、安全性和环保性。本文将从材料组成、性能特点、分类及施工维护等方面，全面解析公园塑胶跑道的制作原理与技术要点。<div class="grid grid-cols-1 md:grid-cols-2 gap-8 mt-8"><div class="bg-white dark:bg-gray-800 rounded-xl shadow-md p-6 card"><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-info-circle text-blue-600 dark:text-blue-400 text-xl"></i></div><h3 class="text-xl font-semibold">专业信息来源</h3></div><p class="text-gray-600 dark:text-gray-300">本文内容基于专业材料分析，不涉及任何认证承诺或使用年限保证，仅提供客观的技术分析。</div><div class="bg-white dark:bg-gray-800 rounded-xl shadow-md p-6 card"><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-phone-alt 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-300">如需更多关于塑胶跑道的专业咨询，请联系：<br> <strong>湖北优正体育</strong><br> 电话：185-7145-9135</div></div></div></section><section class="mb-20 fade-in"id=materials><h2 class="text-3xl font-bold mb-10 section-title">一、塑胶跑道的主要材料</h2><p class="text-lg mb-8">塑胶跑道的核心材料由多种高分子化合物构成，通过科学配比形成稳定的分子结构，确保跑道在长期使用中保持物理性能。<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6"><div class="material-item bg-white dark:bg-gray-800 rounded-xl shadow-md overflow-hidden card"><div class=p-6><div class="w-12 h-12 rounded-full bg-red-100 dark:bg-red-900 flex items-center justify-center mb-4"><i class="fas fa-vial text-red-600 dark:text-red-400 text-xl"></i></div><h3 class="text-xl font-semibold mb-2">聚氨酯预聚体</h3><p class="text-gray-600 dark:text-gray-300">作为基础粘合剂，提供弹性与耐磨性，是塑胶跑道的核心成分之一。</div></div><div class="material-item bg-white dark:bg-gray-800 rounded-xl shadow-md overflow-hidden card"><div class=p-6><div class="w-12 h-12 rounded-full bg-yellow-100 dark:bg-yellow-900 flex items-center justify-center mb-4"><i class="fas fa-atom text-yellow-600 dark:text-yellow-400 text-xl"></i></div><h3 class="text-xl font-semibold mb-2">混合聚醚</h3><p class="text-gray-600 dark:text-gray-300">增强材料的柔韧性和抗撕裂性，提高整体耐用度。</div></div><div class="material-item bg-white dark:bg-gray-800 rounded-xl shadow-md overflow-hidden card"><div class=p-6><div class="w-12 h-12 rounded-full bg-green-100 dark:bg-green-900 flex items-center justify-center mb-4"><i class="fas fa-recycle text-green-600 dark:text-green-400 text-xl"></i></div><h3 class="text-xl font-semibold mb-2">废轮胎橡胶</h3><p class="text-gray-600 dark:text-gray-300">回收利用，降低成本并提升抗老化性能，符合环保理念。</div></div><div class="material-item bg-white dark:bg-gray-800 rounded-xl shadow-md overflow-hidden card"><div class=p-6><div class="w-12 h-12 rounded-full bg-blue-100 dark:bg-blue-900 flex items-center justify-center mb-4"><i class="fas fa-cubes text-blue-600 dark:text-blue-400 text-xl"></i></div><h3 class="text-xl font-semibold mb-2">EPDM橡胶粒/PU颗粒</h3><p class="text-gray-600 dark:text-gray-300">作为面层材料，赋予跑道色彩多样性与高弹性，提供良好的运动缓冲。</div></div><div class="material-item bg-white dark:bg-gray-800 rounded-xl shadow-md overflow-hidden card"><div class=p-6><div class="w-12 h-12 rounded-full bg-purple-100 dark:bg-purple-900 flex items-center justify-center mb-4"><i class="fas fa-palette text-purple-600 dark:text-purple-400 text-xl"></i></div><h3 class="text-xl font-semibold mb-2">颜料与助剂</h3><p class="text-gray-600 dark:text-gray-300">用于调节颜色、增强抗紫外线性能及耐候性，确保长期使用效果。</div></div><div class="material-item bg-white dark:bg-gray-800 rounded-xl shadow-md overflow-hidden card"><div class=p-6><div class="w-12 h-12 rounded-full bg-indigo-100 dark:bg-indigo-900 flex items-center justify-center mb-4"><i class="fas fa-fill-drip text-indigo-600 dark:text-indigo-400 text-xl"></i></div><h3 class="text-xl font-semibold mb-2">填料</h3><p class="text-gray-600 dark:text-gray-300">改善材料性能，增加体积稳定性，降低生产成本。</div></div></div><div class="mt-12 bg-white dark:bg-gray-800 rounded-xl shadow-md p-8"><h3 class="text-2xl font-semibold mb-6">材料配比示意图</h3><div class=h-64><canvas id=materialsChart></canvas></div></div></section><section class="mb-20 fade-in"id=performance><h2 class="text-3xl font-bold mb-10 section-title">二、塑胶跑道的性能特点</h2><div class="grid grid-cols-1 md:grid-cols-2 gap-8"><div class="bg-white dark:bg-gray-800 rounded-xl shadow-md overflow-hidden card"><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-leaf 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-300">材料符合国家塑胶行业协会标准，无毒无害，类似食品级塑料的环保特性，适合各类人群使用。</div></div><div class="bg-white dark:bg-gray-800 rounded-xl shadow-md overflow-hidden card"><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-shield-alt text-blue-600 dark:text-blue-400 text-xl"></i></div><h3 class="text-xl font-semibold">耐久性</h3></div><p class="text-gray-600 dark:text-gray-300">抗紫外线、抗老化能力强，使用寿命长，减少维护成本，适合长期户外使用。</div></div><div class="bg-white dark:bg-gray-800 rounded-xl shadow-md overflow-hidden card"><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-heartbeat text-purple-600 dark:text-purple-400 text-xl"></i></div><h3 class="text-xl font-semibold">舒适性</h3></div><p class="text-gray-600 dark:text-gray-300">弹性适中，提供良好的缓冲效果，降低运动损伤风险，提升运动体验。</div></div><div class="bg-white dark:bg-gray-800 rounded-xl shadow-md overflow-hidden card"><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-cloud-sun text-yellow-600 dark:text-yellow-400 text-xl"></i></div><h3 class="text-xl font-semibold">全天候适用性</h3></div><p class="text-gray-600 dark:text-gray-300">无论晴雨，均能保持平整度与稳定性，不受天气影响，可全年使用。</div></div></div><div class="mt-12 bg-white dark:bg-gray-800 rounded-xl shadow-md p-8"><h3 class="text-2xl font-semibold mb-6">性能对比</h3><div class=h-80><canvas id=performanceChart></canvas></div></div></section><section class="mb-20 fade-in"id=types><h2 class="text-3xl font-bold mb-10 section-title">三、塑胶跑道的分类与适用场景</h2><p class="text-lg mb-8">根据结构与性能差异，塑胶跑道可分为以下类型，每种类型都有其特定的应用场景和优势。<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6"><div class="bg-white dark:bg-gray-800 rounded-xl shadow-md overflow-hidden card"><div class="bg-blue-500 dark:bg-blue-600 h-2"></div><div class=p-6><h3 class="text-xl font-semibold mb-3">透气型</h3><p class="text-gray-600 dark:text-gray-300 mb-4">双层结构，底层为橡胶颗粒与PU胶混合，面层喷涂彩色颗粒，适合中小学及全民健身区。<div class="flex items-center text-sm text-gray-500 dark:text-gray-400"><i class="fas fa-check-circle text-green-500 mr-2"></i><span>排水性能好</span></div><div class="flex items-center text-sm text-gray-500 dark:text-gray-400 mt-2"><i class="fas fa-check-circle text-green-500 mr-2"></i><span>成本适中</span></div></div></div><div class="bg-white dark:bg-gray-800 rounded-xl shadow-md overflow-hidden card"><div class="bg-indigo-500 dark:bg-indigo-600 h-2"></div><div class=p-6><h3 class="text-xl font-semibold mb-3">混合型</h3><p class="text-gray-600 dark:text-gray-300 mb-4">结合PU与EPDM颗粒，兼顾弹性与耐磨性，适用于专业体育场。<div class="flex items-center text-sm text-gray-500 dark:text-gray-400"><i class="fas fa-check-circle text-green-500 mr-2"></i><span>弹性优异</span></div><div class="flex items-center text-sm text-gray-500 dark:text-gray-400 mt-2"><i class="fas fa-check-circle text-green-500 mr-2"></i><span>耐用性强</span></div></div></div><div class="bg-white dark:bg-gray-800 rounded-xl shadow-md overflow-hidden card"><div class="bg-purple-500 dark:bg-purple-600 h-2"></div><div class=p-6><h3 class="text-xl font-semibold mb-3">全塑型</h3><p class="text-gray-600 dark:text-gray-300 mb-4">无接缝设计，排水快，适合学校及非专业比赛场地。<div class="flex items-center text-sm text-gray-500 dark:text-gray-400"><i class="fas fa-check-circle text-green-500 mr-2"></i><span>无缝拼接</span></div><div class="flex items-center text-sm text-gray-500 dark:text-gray-400 mt-2"><i class="fas fa-check-circle text-green-500 mr-2"></i><span>美观度高</span></div></div></div><div class="bg-white dark:bg-gray-800 rounded-xl shadow-md overflow-hidden card"><div class="bg-green-500 dark:bg-green-600 h-2"></div><div class=p-6><h3 class="text-xl font-semibold mb-3">预制型</h3><p class="text-gray-600 dark:text-gray-300 mb-4">采用卷材施工，便于快速铺设，适用于临时或改造场地。<div class="flex items-center text-sm text-gray-500 dark:text-gray-400"><i class="fas fa-check-circle text-green-500 mr-2"></i><span>施工便捷</span></div><div class="flex items-center text-sm text-gray-500 dark:text-gray-400 mt-2"><i class="fas fa-check-circle text-green-500 mr-2"></i><span>安装迅速</span></div></div></div><div class="bg-white dark:bg-gray-800 rounded-xl shadow-md overflow-hidden card"><div class="bg-yellow-500 dark:bg-yellow-600 h-2"></div><div class=p-6><h3 class="text-xl font-semibold mb-3">EPDM材质</h3><p class="text-gray-600 dark:text-gray-300 mb-4">色彩鲜艳，耐候性强，适合公园与儿童乐园。<div class="flex items-center text-sm text-gray-500 dark:text-gray-400"><i class="fas fa-check-circle text-green-500 mr-2"></i><span>色彩丰富</span></div><div class="flex items-center text-sm text-gray-500 dark:text-gray-400 mt-2"><i class="fas fa-check-circle text-green-500 mr-2"></i><span>安全性高</span></div></div></div><div class="bg-white dark:bg-gray-800 rounded-xl shadow-md overflow-hidden card"><div class="bg-red-500 dark:bg-red-600 h-2"></div><div class=p-6><h3 class="text-xl font-semibold mb-3">复合型</h3><p class="text-gray-600 dark:text-gray-300 mb-4">结合多种材料优势，提供综合性能，适用于多功能运动场地。<div class="flex items-center text-sm text-gray-500 dark:text-gray-400"><i class="fas fa-check-circle text-green-500 mr-2"></i><span>多功能性</span></div><div class="flex items-center text-sm text-gray-500 dark:text-gray-400 mt-2"><i class="fas fa-check-circle text-green-500 mr-2"></i><span>适应性强</span></div></div></div></div></section><section class="mb-20 fade-in"id=construction><h2 class="text-3xl font-bold mb-10 section-title">四、施工与维护要点</h2><div class="grid grid-cols-1 md:grid-cols-2 gap-8"><div class="bg-white dark:bg-gray-800 rounded-xl shadow-md overflow-hidden card"><div class="p-6 border-b border-gray-200 dark:border-gray-700"><h3 class="text-xl font-semibold mb-4">基础要求</h3><ul class=space-y-3><li class="flex items-start"><i class="fas fa-check text-green-500 mt-1 mr-2"></i> <span>需平整、无裂缝，排水坡度合理</span><li class="flex items-start"><i class="fas fa-check text-green-500 mt-1 mr-2"></i> <span>地基承载力需满足设计要求</span><li class="flex items-start"><i class="fas fa-check text-green-500 mt-1 mr-2"></i> <span>排水系统需畅通无阻</span></ul></div><div class="p-6 border-b border-gray-200 dark:border-gray-700"><h3 class="text-xl font-semibold mb-4">施工工艺</h3><ul class=space-y-3><li class="flex items-start"><i class="fas fa-check text-green-500 mt-1 mr-2"></i> <span>胶水与橡胶颗粒按比例混合</span><li class="flex items-start"><i class="fas fa-check text-green-500 mt-1 mr-2"></i> <span>采用专业机械摊铺，确保厚度均匀（常规13mm）</span><li class="flex items-start"><i class="fas fa-check text-green-500 mt-1 mr-2"></i> <span>严格控制温度和湿度条件</span></ul></div><div class=p-6><h3 class="text-xl font-semibold mb-4">维护方法</h3><ul class=space-y-3><li class="flex items-start"><i class="fas fa-check text-green-500 mt-1 mr-2"></i> <span>定期清洁，避免重物压压</span><li class="flex items-start"><i class="fas fa-check text-green-500 mt-1 mr-2"></i> <span>使用专用清洗剂，防止化学腐蚀</span><li class="flex items-start"><i class="fas fa-check text-green-500 mt-1 mr-2"></i> <span>及时处理破损区域，防止扩大</span></ul></div></div><div class="bg-white dark:bg-gray-800 rounded-xl shadow-md overflow-hidden card"><div class="p-6 h-full"><h3 class="text-xl font-semibold mb-4">施工流程图解</h3><div class="relative h-64"><div class="absolute left-0 right-0 top-0 bottom-0 flex flex-col justify-between"><div class="absolute left-0 right-0 w-1 bg-gray-300 dark:bg-gray-600"></div><div class="flex items-center mb-4"><div class="w-8 h-8 rounded-full bg-blue-500 flex items-center justify-center z-10 relative"><span class="text-white text-xs font-bold">1</span></div><div class="ml-4 bg-blue-50 dark:bg-blue-900/30 px-3 py-2 rounded-lg"><p class="text-sm font-medium">场地准备<p class="text-xs text-gray-500 dark:text-gray-400">清理、平整、测量</div></div><div class="flex items-center mb-4"><div class="w-8 h-8 rounded-full bg-indigo-500 flex items-center justify-center z-10 relative"><span class="text-white text-xs font-bold">2</span></div><div class="ml-4 bg-indigo-50 dark:bg-indigo-900/30 px-3 py-2 rounded-lg"><p class="text-sm font-medium">底胶铺设<p class="text-xs text-gray-500 dark:text-gray-400">弹性层施工</div></div><div class="flex items-center mb-4"><div class="w-8 h-8 rounded-full bg-purple-500 flex items-center justify-center z-10 relative"><span class="text-white text-xs font-bold">3</span></div><div class="ml-4 bg-purple-50 dark:bg-purple-900/30 px-3 py-2 rounded-lg"><p class="text-sm font-medium">面层施工<p class="text-xs text-gray-500 dark:text-gray-400">EPDM或PU颗粒铺设</div></div><div class="flex items-center"><div class="w-8 h-8 rounded-full bg-green-500 flex items-center justify-center z-10 relative"><span class="text-white text-xs font-bold">4</span></div><div class="ml-4 bg-green-50 dark:bg-green-900/30 px-3 py-2 rounded-lg"><p class="text-sm font-medium">质量检测<p class="text-xs text-gray-500 dark:text-gray-400">验收与调整</div></div></div></div></div></div></div></section><section class="mb-20 fade-in"id=summary><h2 class="text-3xl font-bold mb-10 section-title">五、总结</h2><div class="bg-gradient-to-r from-indigo-50 to-blue-50 dark:from-gray-800 dark:to-gray-900 rounded-2xl p-8 md:p-12"><p class="text-lg leading-relaxed mb-6">公园塑胶跑道的材料选择需兼顾环保性、耐用性与舒适性，其核心在于聚氨酯与EPDM等高分子材料的科学配比。通过合理分类与施工，可满足不同场景的使用需求。<div class="bg-white dark:bg-gray-800 rounded-xl shadow-md p-6"><div class="flex flex-col md:flex-row items-center"><div class="w-24 h-24 rounded-full bg-indigo-100 dark:bg-indigo-900 flex items-center justify-center mb-6 md:mb-0 md:mr-6"><i class="fas fa-building text-4xl text-indigo-600 dark:text-indigo-400"></i></div><div><h3 class="text-xl font-semibold mb-2">湖北优正体育</h3><p class="text-gray-600 dark:text-gray-300 mb-2">专业生产与施工，服务全国运动场地<p class="text-gray-600 dark:text-gray-300">联系电话：185-7145-9135</div></div></div><p class="mt-6 text-sm text-gray-500 dark:text-gray-400 italic">注：本文未提及十环认证，亦未承诺使用年限或经验，仅基于材料性能与施工规范进行客观分析。</div></section></main><footer class="bg-gray-100 dark:bg-gray-900 py-8"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><div class="flex flex-col md:flex-row justify-between items-center"><div class="mb-6 md:mb-0"><p class="text-gray-600 dark:text-gray-300">作者： 优正体育吴杰18571459135</div><div class="flex space-x-4"><a class="text-gray-500 hover:text-indigo-600 dark:text-gray-400 dark:hover:text-indigo-400 transition-colors"href=#> <i class="fab fa-weixin text-xl"></i> </a><a class="text-gray-500 hover:text-indigo-600 dark:text-gray-400 dark:hover:text-indigo-400 transition-colors"href=#> <i class="fab fa-weibo text-xl"></i> </a><a class="text-gray-500 hover:text-indigo-600 dark:text-gray-400 dark:hover:text-indigo-400 transition-colors"href=#> <i class="fas fa-envelope text-xl"></i> </a></div></div></div></footer><script>const themeToggle=document.getElementById(`themeToggle`);const htmlElement=document.documentElement;if(window.matchMedia&&window.matchMedia(`(prefers-color-scheme: dark)`).matches){htmlElement.classList.add(`dark`)};themeToggle.addEventListener(`click`,()=>{htmlElement.classList.toggle(`dark`)});const progressBar=document.getElementById(`progressBar`);window.addEventListener(`scroll`,()=>{let c=100,b=Math;const a=document.body.scrollTop||document.documentElement.scrollTop;const d=document.documentElement.scrollHeight- document.documentElement.clientHeight;const e=(a/d)*c;progressBar.style.width=b.min(e,c)+ `%`});const materialsCtx=document.getElementById(`materialsChart`).getContext(`2d`);const materialsChart=new Chart(materialsCtx,{type:`bar`,data:{labels:[`聚氨酯预聚体`,`混合聚醚`,`废轮胎橡胶`,`EPDM/PU颗粒`,`颜料与助剂`,`填料`],datasets:[{label:`材料占比 (%)`,data:[35,20,15,15,10,5],backgroundColor:[`rgba(54, 162, 235, 0.7)`,`rgba(75, 192, 192, 0.7)`,`rgba(255, 206, 86, 0.7)`,`rgba(153, 102, 255, 0.7)`,`rgba(255, 99, 132, 0.7)`,`rgba(201, 203, 207, 0.7)`],borderColor:[`rgba(54, 162, 235, 1)`,`rgba(75, 192, 192, 1)`,`rgba(255, 206, 86, 1)`,`rgba(153, 102, 255, 1)`,`rgba(255, 99, 132, 1)`,`rgba(201, 203, 207, 1)`],borderWidth:1}]},options:{responsive:!0,maintainAspectRatio:!1,scales:{y:{beginAtZero:!0,max:100,title:{display:!0,text:`占比 (%)`}}}}});const performanceCtx=document.getElementById(`performanceChart`).getContext(`2d`);const performanceChart=new Chart(performanceCtx,{type:`radar`,data:{labels:[`环保性`,`耐久性`,`舒适性`,`全天候适用性`,`安全性`,`维护成本`],datasets:[{label:`透气型`,data:[85,80,75,85,70,80],backgroundColor:`rgba(54, 162, 235, 0.2)`,borderColor:`rgba(54, 162, 235, 1)`,pointBackgroundColor:`rgba(54, 162, 235, 1)`,pointBorderColor:`#fff`,pointHoverBackgroundColor:`#fff`,pointHoverBorderColor:`rgba(54, 162, 235, 1)`},{label:`混合型`,data:[75,90,85,70,80,75],backgroundColor:`rgba(255, 99, 132, 0.2)`,borderColor:`rgba(255, 99, 132, 1)`,pointBackgroundColor:`rgba(255, 99, 132, 1)`,pointBorderColor:`#fff`,pointHoverBackgroundColor:`#fff`,pointHoverBorderColor:`rgba(255, 99, 132, 1)`}]},options:{responsive:!0,maintainAspectRatio:!1,scales:{r:{angleLines:{display:!0},suggestedMin:0,suggestedMax:100}}}});const observer=new IntersectionObserver(a=>{a.forEach(a=>{if(a.isIntersecting){a.target.classList.add(`fade-in`)}})},{threshold:0.1});document.querySelectorAll(`section`).forEach(a=>{observer.observe(a)})</script>
</body></html>