文本查看器


<!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><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;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--light-bg:#f9fafb;--dark-bg:#111827;--light-text:#1f2937;--dark-text:#f3f4f6;--light-card:#fff;--dark-card:#1f2937}body{font-family:Noto Sans SC,sans-serif;transition:background-color .3s,color .3s}.card-hover{transition:all .3s}.card-hover:hover{transform:translateY(-4px);box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.fade-in{animation:.8s ease-in fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.btn-hover{transition:all .2s}.btn-hover:hover{transform:scale(1.05)}.scroll-indicator{background:linear-gradient(90deg,var(--primary),var(--secondary));z-index:1000;width:0%;height:3px;position:fixed;top:0;left:0}.dark .dark\:bg-gray-900{background-color:#111827}.dark .dark\:text-white{color:#f3f4f6}.dark .dark\:border-gray-700{border-color:#374151}.dark .dark\:shadow-md{box-shadow:0 4px 6px -1px #00000080,0 2px 4px -1px #00000066}</style></head><body class="bg-gray-50 text-gray-800 dark:bg-gray-900 dark:text-gray-100"><div class=scroll-indicator id=scrollIndicator></div><nav class="sticky top-0 z-50 bg-white dark:bg-gray-800 shadow-md"><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-blue-600 dark:text-blue-400">优正体育</span></div><div class="flex items-center space-x-4"><button class="p-2 rounded-full hover:bg-gray-100 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><a class="hidden md:block hover:text-blue-600 dark:hover:text-blue-400"href=#overview>概述</a><a class="hidden md:block hover:text-blue-600 dark:hover:text-blue-400"href=#process>施工流程</a><a class="hidden md:block hover:text-blue-600 dark:hover:text-blue-400"href=#materials>材料设备</a><a class="hidden md:block hover:text-blue-600 dark:hover:text-blue-400"href=#quality>质量控制</a><a class="hidden md:block hover:text-blue-600 dark:hover:text-blue-400"href=#cases>工程案例</a></div></div></div></nav><header class="relative bg-gradient-to-r from-blue-600 to-indigo-600 text-white py-16 overflow-hidden"><div class="absolute inset-0 bg-black opacity-20"></div><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10"><div class=text-center><h1 class="text-4xl md:text-5xl font-bold mb-4 fade-in">优正体育塑胶跑道施工标准化流程</h1><p class="text-xl md:text-2xl max-w-3xl mx-auto fade-in">专业团队、环保材料及标准化工艺，打造安全、耐久、合规的运动场地<div class="mt-8 fade-in"><a class="inline-block bg-white text-blue-600 font-medium py-3 px-6 rounded-md shadow-lg hover:bg-gray-100 transition btn-hover"href=#process> 了解详细流程 <i class="fas fa-arrow-right ml-2"></i> </a></div></div></div><div class="absolute bottom-0 left-0 right-0 h-16 bg-gradient-to-t from-gray-50 to-transparent dark:from-gray-900"></div></header><main class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12"><section class="mb-16 fade-in"id=overview><div class="bg-white dark:bg-gray-800 rounded-xl shadow-md p-6 md:p-8"><h2 class="text-2xl md:text-3xl font-bold mb-6 text-blue-600 dark:text-blue-400">优正体育简介</h2><div class="grid grid-cols-1 md:grid-cols-3 gap-6"><div class="bg-blue-50 dark:bg-gray-700 p-5 rounded-lg"><div class="flex items-center mb-4"><i class="fas fa-certificate text-2xl text-blue-500 mr-3"></i><h3 class="text-xl font-semibold">企业资质</h3></div><p class="text-gray-700 dark:text-gray-300">通过中国环境标志产品认证，符合国家标准GB36246-2018、GB/T 14833-2020等，并获得中国环境标志认证及技术机构认可。</div><div class="bg-blue-50 dark:bg-gray-700 p-5 rounded-lg"><div class="flex items-center mb-4"><i class="fas fa-flask text-2xl text-blue-500 mr-3"></i><h3 class="text-xl font-semibold">研发体系</h3></div><p class="text-gray-700 dark:text-gray-300">拥有完善的研发体系和严格的质量控制体系，确保产品质量，提供专业解决方案。</div><div class="bg-blue-50 dark:bg-gray-700 p-5 rounded-lg"><div class="flex items-center mb-4"><i class="fas fa-shield-alt text-2xl text-blue-500 mr-3"></i><h3 class="text-xl font-semibold">质保服务</h3></div><p class="text-gray-700 dark:text-gray-300">提供3年免费质保，包含材料耐候性、结构稳定性及售后快速响应（1小时内技术支援）。</div></div></div></section><section class="mb-16 fade-in"id=process><h2 class="text-2xl md:text-3xl font-bold mb-8 text-center text-blue-600 dark:text-blue-400">施工标准化流程</h2><div class="relative overflow-hidden"><div class="absolute left-0 top-0 bottom-0 w-1 bg-blue-200 dark:bg-blue-900"></div><div class="relative pl-12 pb-12"><div class="absolute left-0 top-0 w-8 h-8 rounded-full bg-blue-500 flex items-center justify-center"><span class="text-white font-bold">1</span></div><div class="bg-white dark:bg-gray-800 rounded-xl shadow-md p-6 md:p-8 card-hover"><h3 class="text-xl font-bold mb-4 text-blue-600 dark:text-blue-400">施工前准备</h3><div class=space-y-4><div><h4 class="font-semibold text-lg mb-2">场地勘察与规划</h4><p class="text-gray-700 dark:text-gray-300">对施工区域进行全方位测量，确认场地面积及地形特征，结合设计图纸规划圆心点、排水坡度（建议0.3%-0.5%）及功能区划分。基础需满足《GB 36246-2018》标准，压实密度≥95%，无裂缝、积水或尖锐物。<div class="mt-3 text-sm text-gray-500 dark:text-gray-400 italic">（示意图1：场地测量与放线规划图）</div></div><div><h4 class="font-semibold text-lg mb-2">材料与设备准备</h4><ul class="list-disc pl-5 space-y-2 text-gray-700 dark:text-gray-300"><li>优正体育提供环保型聚氨酯跑道涂料、EPDM颗粒（0.5-3mm）、TPV弹性颗粒、专用底涂胶水等，均通过中国环境标志认证（CEC）及国标GB/T 14833-2020检测。<li>摊铺机、喷涂机、划线机、打磨机、搅拌器等，提前调试确保运行正常。</ul></div></div></div></div><div class="relative pl-12 pb-12"><div class="absolute left-0 top-0 w-8 h-8 rounded-full bg-blue-500 flex items-center justify-center"><span class="text-white font-bold">2</span></div><div class="bg-white dark:bg-gray-800 rounded-xl shadow-md p-6 md:p-8 card-hover"><h3 class="text-xl font-bold mb-4 text-blue-600 dark:text-blue-400">基础处理</h3><div class=space-y-4><div><h4 class="font-semibold text-lg mb-2">场地清理</h4><p class="text-gray-700 dark:text-gray-300">清除杂草、碎石等杂物，使用专业清扫设备或鼓风机去除浮灰，对水泥基础进行酸洗（pH值控制6-8），沥青基础需打磨至平整度≤3mm/3m。</div><div><h4 class="font-semibold text-lg mb-2">缺陷修补</h4><p class="text-gray-700 dark:text-gray-300">对裂缝采用聚氨酯填缝胶处理，凹陷区域用环氧砂浆填补，确保基础层无空鼓、脱层。</div></div></div></div><div class="relative pl-12 pb-12"><div class="absolute left-0 top-0 w-8 h-8 rounded-full bg-blue-500 flex items-center justify-center"><span class="text-white font-bold">3</span></div><div class="bg-white dark:bg-gray-800 rounded-xl shadow-md p-6 md:p-8 card-hover"><h3 class="text-xl font-bold mb-4 text-blue-600 dark:text-blue-400">底层施工</h3><div class=space-y-4><div><h4 class="font-semibold text-lg mb-2">底涂胶浆施工</h4><p class="text-gray-700 dark:text-gray-300">按胶水：固化剂=1:0.3比例混合，机械搅拌3-5分钟至均匀，滚涂覆盖率≥0.2kg/㎡，形成封闭层防止水汽上返。</div><div><h4 class="font-semibold text-lg mb-2">弹性层摊铺</h4><ul class="list-disc pl-5 space-y-2 text-gray-700 dark:text-gray-300"><li>混合配比：聚氨酯胶水与黑色橡胶颗粒按1:4混合，摊铺厚度10-15mm，分两次压实。<li>密实度控制：使用全自动摊铺机匀速作业，边角区域人工辅助修整，坡度误差≤0.1%。<li>（示意图2：弹性层摊铺工艺剖面图）</ul></div></div></div></div><div class="relative pl-12 pb-12"><div class="absolute left-0 top-0 w-8 h-8 rounded-full bg-blue-500 flex items-center justify-center"><span class="text-white font-bold">4</span></div><div class="bg-white dark:bg-gray-800 rounded-xl shadow-md p-6 md:p-8 card-hover"><h3 class="text-xl font-bold mb-4 text-blue-600 dark:text-blue-400">面层施工</h3><div class=space-y-4><div><h4 class="font-semibold text-lg mb-2">防滑层喷涂</h4><p class="text-gray-700 dark:text-gray-300">采用双枪喷涂工艺：<ul class="list-disc pl-5 space-y-2 text-gray-700 dark:text-gray-300"><li>D遍喷涂聚氨酯面漆与EPDM颗粒（2:1），覆盖率70%-85%；<li>第二遍补喷消除色差，厚度≥2mm，颗粒分布均匀度≥95%。</ul></div><div><h4 class="font-semibold text-lg mb-2">TPV面层技术（可选）</h4><p class="text-gray-700 dark:text-gray-300">优正体育专利TPV颗粒（耐温-40℃~120℃）与聚氨酯混合，提供高回弹（≥35%）及抗UV性能，使用寿命提升30%。</div></div></div></div><div class="relative pl-12 pb-12"><div class="absolute left-0 top-0 w-8 h-8 rounded-full bg-blue-500 flex items-center justify-center"><span class="text-white font-bold">5</span></div><div class="bg-white dark:bg-gray-800 rounded-xl shadow-md p-6 md:p-8 card-hover"><h3 class="text-xl font-bold mb-4 text-blue-600 dark:text-blue-400">划线及检测</h3><div class=space-y-4><div><h4 class="font-semibold text-lg mb-2">标线施工</h4><p class="text-gray-700 dark:text-gray-300">使用激光校准划线机，按《田径场地设施标准》精准定位，线宽5cm±1mm，色牢度达4级以上。</div><div><h4 class="font-semibold text-lg mb-2">质量验收</h4><ul class="list-disc pl-5 space-y-2 text-gray-700 dark:text-gray-300"><li>物理指标：厚度公差±1mm，冲击吸收率35%-50%，垂直变形0.6-2.5mm。<li>环保指标：TVOC≤5mg/L，苯系物未检出，符合《GB 36246-2018》。<li>（示意图3：厚度检测与环保指标报告模板）</ul></div></div></div></div><div class="relative pl-12"><div class="absolute left-0 top-0 w-8 h-8 rounded-full bg-blue-500 flex items-center justify-center"><span class="text-white font-bold">6</span></div><div class="bg-white dark:bg-gray-800 rounded-xl shadow-md p-6 md:p-8 card-hover"><h3 class="text-xl font-bold mb-4 text-blue-600 dark:text-blue-400">养护与验收</h3><div class=space-y-4><div><h4 class="font-semibold text-lg mb-2">施工完成后需进行养护，一般需7天以上。</h4><p class="text-gray-700 dark:text-gray-300">经过检测验收后方可投入使用，确保跑道平整度、耐用性和安全性。</div><div><h4 class="font-semibold text-lg mb-2">环保与安全</h4><ul class="list-disc pl-5 space-y-2 text-gray-700 dark:text-gray-300"><li>使用环保材料，提供有害物质释放限量认证报告。<li>施工过程中注意安全防护，避免对周围环境造成污染。</ul></div></div></div></div></div></section><section class="mb-16 fade-in"id=materials><h2 class="text-2xl md:text-3xl font-bold mb-8 text-center text-blue-600 dark:text-blue-400">施工设备与材料清单</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 p-6 md:p-8 card-hover"><h3 class="text-xl font-bold mb-6 text-blue-600 dark:text-blue-400">材料清单</h3><div class=space-y-6><div class="bg-blue-50 dark:bg-gray-700 p-4 rounded-lg"><h4 class="font-semibold text-lg mb-2 flex items-center"><i class="fas fa-flask text-blue-500 mr-2"></i> 塑胶跑道材料</h4><p class="text-gray-700 dark:text-gray-300">包括聚氨酯跑道涂料、防滑颗粒、耐磨层等。</div><div class="bg-blue-50 dark:bg-gray-700 p-4 rounded-lg"><h4 class="font-semibold text-lg mb-2 flex items-center"><i class="fas fa-tools text-blue-500 mr-2"></i> 基础处理材料</h4><p class="text-gray-700 dark:text-gray-300">水泥混凝土基础处理材料、固化剂、切削机等。</div><div class="bg-blue-50 dark:bg-gray-700 p-4 rounded-lg"><h4 class="font-semibold text-lg mb-2 flex items-center"><i class="fas fa-water text-blue-500 mr-2"></i> 排水系统材料</h4><p class="text-gray-700 dark:text-gray-300">排水管道、排水口等。</div><div class="bg-blue-50 dark:bg-gray-700 p-4 rounded-lg"><h4 class="font-semibold text-lg mb-2 flex items-center"><i class="fas fa-marker text-blue-500 mr-2"></i> 标志线材料</h4><p class="text-gray-700 dark:text-gray-300">标志线涂料、划线机等。</div><div class="bg-blue-50 dark:bg-gray-700 p-4 rounded-lg"><h4 class="font-semibold text-lg mb-2 flex items-center"><i class="fas fa-box-open text-blue-500 mr-2"></i> 其他材料</h4><p class="text-gray-700 dark:text-gray-300">橡胶颗粒、EPDM颗粒、废轮胎橡胶粒、黑色废轮胎颗粒、水泥钉、PVC线槽等。</div></div></div><div class="bg-white dark:bg-gray-800 rounded-xl shadow-md p-6 md:p-8 card-hover"><h3 class="text-xl font-bold mb-6 text-blue-600 dark:text-blue-400">设备清单</h3><div class=space-y-6><div class="bg-blue-50 dark:bg-gray-700 p-4 rounded-lg"><h4 class="font-semibold text-lg mb-2 flex items-center"><i class="fas fa-wrench text-blue-500 mr-2"></i> 施工工具</h4><ul class="list-disc pl-5 space-y-2 text-gray-700 dark:text-gray-300"><li>搅拌机、喷涂机、划线机、四轮手推车、清扫机。<li>水准仪、全站仪、滚筒压路机、手压枪、水平尺、钢卷尺等。</ul></div><div class="bg-blue-50 dark:bg-gray-700 p-4 rounded-lg"><h4 class="font-semibold text-lg mb-2 flex items-center"><i class="fas fa-truck-monster text-blue-500 mr-2"></i> 施工机械</h4><ul class="list-disc pl-5 space-y-2 text-gray-700 dark:text-gray-300"><li>高速搅拌机、摊铺机、推料车、滚胶机。</ul></div><div class="bg-blue-50 dark:bg-gray-700 p-4 rounded-lg"><h4 class="font-semibold text-lg mb-2 flex items-center"><i class="fas fa-plug text-blue-500 mr-2"></i> 辅助设备</h4><ul class="list-disc pl-5 space-y-2 text-gray-700 dark:text-gray-300"><li>电缆线、电源稳压器、测厚仪等。</ul></div></div></div></div></section><section class="mb-16 fade-in"id=quality><h2 class="text-2xl md:text-3xl font-bold mb-8 text-center text-blue-600 dark:text-blue-400">质量控制体系</h2><div class="bg-white dark:bg-gray-800 rounded-xl shadow-md p-6 md:p-8"><div class="grid grid-cols-1 md:grid-cols-2 gap-8"><div><h3 class="text-xl font-bold mb-6 text-blue-600 dark:text-blue-400">施工技术参数</h3><div class=space-y-6><div class="bg-blue-50 dark:bg-gray-700 p-4 rounded-lg"><h4 class="font-semibold text-lg mb-2">预制型橡胶跑道</h4><p class="text-gray-700 dark:text-gray-300">施工流程包括施工前准备、放线定位、卷材铺设与粘接、面层处理与画线、验收与维护。关键参数涉及平整度、胶水用量、接缝重叠、压重间距和固化时间。</div><div class="bg-blue-50 dark:bg-gray-700 p-4 rounded-lg"><h4 class="font-semibold text-lg mb-2">塑胶跑道</h4><p class="text-gray-700 dark:text-gray-300">施工工艺包括清除垃圾、基础检测、配料、搅拌、实地小试、基础封底、摊铺、表面处理、线位标定等。施工要求包括接缝平整、配料准确、摊铺厚度厚薄均匀。</div><div class="bg-blue-50 dark:bg-gray-700 p-4 rounded-lg"><h4 class="font-semibold text-lg mb-2">TPV颗粒</h4><p class="text-gray-700 dark:text-gray-300">TPV材料具有高弹性、耐低温、耐磨损、耐化学性，广泛应用于塑胶跑道面层，环保且无毒。</div></div></div><div><h3 class="text-xl font-bold mb-6 text-blue-600 dark:text-blue-400">质量控制体系</h3><div class=space-y-6><div class="bg-blue-50 dark:bg-gray-700 p-4 rounded-lg"><h4 class="font-semibold text-lg mb-2">ISO认证体系</h4><p class="text-gray-700 dark:text-gray-300">湖北优正体育科技有限公司严格遵循ISO9001质量保证体系和ISO14001环境管理体系，确保产品质量符合设计要求。</div><div class="bg-blue-50 dark:bg-gray-700 p-4 rounded-lg"><h4 class="font-semibold text-lg mb-2">先进检测技术</h4><p class="text-gray-700 dark:text-gray-300">采用先进的生产管理和检测技术，建立严格的质量控制体系，确保产品稳定性和品质。</div><div class="bg-blue-50 dark:bg-gray-700 p-4 rounded-lg"><h4 class="font-semibold text-lg mb-2">环保认证</h4><p class="text-gray-700 dark:text-gray-300">公司通过中国环境标志产品认证，确认其产品在生产、使用和处理过程中符合环保要求。</div></div></div></div></div></section><section class="mb-16 fade-in"id=cases><h2 class="text-2xl md:text-3xl font-bold mb-8 text-center text-blue-600 dark:text-blue-400">工程案例</h2><div class="grid grid-cols-1 md:grid-cols-3 gap-6"><div class="bg-white dark:bg-gray-800 rounded-xl shadow-md overflow-hidden card-hover"><div class="h-48 bg-gradient-to-r from-blue-400 to-indigo-500 flex items-center justify-center"><i class="fas fa-school text-5xl text-white"></i></div><div class=p-6><h3 class="text-xl font-bold mb-3">湖北阳新县长圳小学</h3><p class="text-gray-700 dark:text-gray-300 mb-4">EPDM透气型跑道工程，2019年竣工，0投诉记录。<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></div><div class="bg-white dark:bg-gray-800 rounded-xl shadow-md overflow-hidden card-hover"><div class="h-48 bg-gradient-to-r from-blue-400 to-indigo-500 flex items-center justify-center"><i class="fas fa-mountain text-5xl text-white"></i></div><div class=p-6><h3 class="text-xl font-bold mb-3">日喀则高原项目</h3><p class="text-gray-700 dark:text-gray-300 mb-4">抗紫外线配方，耐温差70℃。<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></div><div class="bg-white dark:bg-gray-800 rounded-xl shadow-md overflow-hidden card-hover"><div class="h-48 bg-gradient-to-r from-blue-400 to-indigo-500 flex items-center justify-center"><i class="fas fa-basketball-ball text-5xl text-white"></i></div><div class=p-6><h3 class="text-xl font-bold mb-3">淮安市丙烯酸球场</h3><p class="text-gray-700 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></div></div></section><section class="mb-16 fade-in"><div class="bg-white dark:bg-gray-800 rounded-xl shadow-md p-6 md:p-8"><h2 class="text-2xl font-bold mb-6 text-center text-blue-600 dark:text-blue-400">施工工艺参数对比</h2><div class="grid grid-cols-1 lg:grid-cols-2 gap-8"><div><canvas height=300 id=thicknessChart width=400></canvas></div><div><canvas height=300 id=performanceChart width=400></canvas></div></div></div></section></main><footer class="bg-gray-100 dark:bg-gray-800 py-12"><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"><div class="flex items-center"><span class="text-xl font-bold text-blue-600 dark:text-blue-400">优正体育</span></div><p class="text-gray-600 dark:text-gray-400 mt-2">专业团队、环保材料及标准化工艺，打造安全、耐久、合规的运动场地</div><div class="flex flex-col items-center md:items-end"><div class="text-gray-600 dark:text-gray-400 mb-4">作者： 优正塑胶跑道材料高豪18571459135</div><div class="flex space-x-4"><a class="text-gray-500 hover:text-blue-600 dark:hover:text-blue-400"href=#> <i class="fab fa-weixin text-xl"></i> </a><a class="text-gray-500 hover:text-blue-600 dark:hover:text-blue-400"href=#> <i class="fab fa-weibo text-xl"></i> </a><a class="text-gray-500 hover:text-blue-600 dark:hover:text-blue-400"href=#> <i class="fas fa-envelope text-xl"></i> </a></div></div></div><div class="mt-8 pt-8 border-t border-gray-200 dark:border-gray-700 text-center text-gray-500 dark:text-gray-400 text-sm">© 2025 优正体育</div></div></footer><script>const themeToggle=document.getElementById(`themeToggle`);const html=document.documentElement;if(localStorage.getItem(`theme`)===`dark`||!localStorage.getItem(`theme`)&&window.matchMedia(`(prefers-color-scheme: dark)`).matches){html.classList.add(`dark`)}else{html.classList.remove(`dark`)};themeToggle.addEventListener(`click`,()=>{let a=`dark`,b=`theme`;if(html.classList.contains(a)){html.classList.remove(a);localStorage.setItem(b,`light`)}else{html.classList.add(a);localStorage.setItem(b,a)}});const scrollIndicator=document.getElementById(`scrollIndicator`);window.addEventListener(`scroll`,()=>{const a=document.body.scrollTop||document.documentElement.scrollTop;const b=document.documentElement.scrollHeight- document.documentElement.clientHeight;const c=(a/b)*100;scrollIndicator.style.width=c+ `%`});const fadeElements=document.querySelectorAll(`.fade-in`);const observer=new IntersectionObserver(a=>{a.forEach(a=>{if(a.isIntersecting){a.target.style.opacity=1;a.target.style.transform=`translateY(0)`}})},{threshold:0.1});fadeElements.forEach(a=>{a.style.opacity=0;a.style.transform=`translateY(20px)`;a.style.transition=`opacity 0.8s ease, transform 0.8s ease`;observer.observe(a)});const ctx=document.getElementById(`thicknessChart`).getContext(`2d`);const thicknessChart=new Chart(ctx,{type:`bar`,data:{labels:[`普通跑道`,`环保型跑道`,`优正体育跑道`],datasets:[{label:`厚度 (mm)`,data:[8,12,15],backgroundColor:[`rgba(255, 99, 132, 0.7)`,`rgba(54, 162, 235, 0.7)`,`rgba(75, 192, 192, 0.7)`],borderColor:[`rgba(255, 99, 132, 1)`,`rgba(54, 162, 235, 1)`,`rgba(75, 192, 192, 1)`],borderWidth:1}]},options:{responsive:!0,maintainAspectRatio:!1,scales:{y:{beginAtZero:!0,title:{display:!0,text:`厚度 (mm)`}}},plugins:{legend:{display:!1}}}});const ctx2=document.getElementById(`performanceChart`).getContext(`2d`);const performanceChart=new Chart(ctx2,{type:`radar`,data:{labels:[`耐磨性`,`耐候性`,`环保性`,`安全性`,`舒适性`],datasets:[{label:`普通跑道`,data:[60,50,40,70,55],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)`},{label:`优正体育跑道`,data:[85,90,95,80,85],backgroundColor:`rgba(75, 192, 192, 0.2)`,borderColor:`rgba(75, 192, 192, 1)`,pointBackgroundColor:`rgba(75, 192, 192, 1)`,pointBorderColor:`#fff`,pointHoverBackgroundColor:`#fff`,pointHoverBorderColor:`rgba(75, 192, 192, 1)`}]},options:{responsive:!0,maintainAspectRatio:!1,scales:{r:{angleLines:{display:!0},suggestedMin:0,suggestedMax:100}}}})</script>
</body></html>