文本查看器


<!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:#5e6ad2;--primary-light:#8a94e0;--secondary:#f5f5f5;--text-primary:#1a1a1a;--text-secondary:#6b7280;--bg-light:#fff;--bg-dark:#111827;--card-light:#f9fafb;--card-dark:#1f2937;--border-light:#e5e7eb;--border-dark:#374151}body{font-family:Noto Sans SC,sans-serif;transition:background-color .3s,color .3s}.light{--bg:var(--bg-light);--text:var(--text-primary);--secondary:var(--secondary);--card:var(--card-light);--border:var(--border-light)}.dark{--bg:var(--bg-dark);--text:var(--text-primary);--secondary:var(--text-secondary);--card:var(--card-dark);--border:var(--border-dark)}.feature-card{transition:transform .3s,box-shadow .3s,border-color .3s}.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.btn{transition:transform .2s,background-color .2s}.btn:hover{transform:scale(1.05)}.fade-in{opacity:0;animation:.8s forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}.delay-6{animation-delay:.6s}.delay-7{animation-delay:.7s}.delay-8{animation-delay:.8s}.delay-9{animation-delay:.9s}.scroll-reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(20px)}.scroll-reveal.active{opacity:1;transform:translateY(0)}.chart-container{width:较高;height:300px;position:relative}.price-card{transition:all .3s}.price-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.price-card.active{border-color:var(--primary);background-color:#5e6ad21a}</style></head><body class="light bg-[var(--bg)] text-[var(--text)]"><div class="min-h-screen flex flex-col"><nav class="sticky top-0 z-50 bg-[var(--bg)] border-b border-[var(--border)] backdrop-blur-sm bg-opacity-90"><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">新国标塑胶跑道</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=theme-toggle><i class="fas fa-sun text-yellow-500 dark:hidden"></i> <i class="fas fa-moon text-blue-300 hidden dark:block"></i></button></div></div></div></nav><main class=flex-grow><section class="relative bg-gradient-to-r from-blue-500 to-purple-600 text-white"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16 md:py-24"><div class="text-center fade-in"><h1 class="text-3xl md:text-4xl lg:text-5xl font-bold mb-4">新国标塑胶跑道</h1><p class="text-xl md:text-2xl max-w-3xl mx-auto opacity-90">环保、耐用、舒适的运动场地解决方案</div><div class="absolute bottom-0 left-0 right-0 h-16 bg-gradient-to-t from-white dark:from-gray-900 to-transparent"></div></div></section><section class="py-12 md:py-16"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><div class="text-center mb-12 fade-in delay-1"><h2 class="text-2xl md:text-3xl font-bold mb-4">新国标塑胶跑道的优势</h2><p class="text-lg text-[var(--text-secondary)] max-w-3xl mx-auto">新国标塑胶跑道是近年来体育设施领域的重要创新，其特点和优势在多个方面得到了显著提升。以下将从环保性、耐用性、舒适性、全天候使用性、安全性等方面详细阐述新国标塑胶跑道的特点。</div><div class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-12"><div class="feature-card bg-[var(--card)] border border-[var(--border)] rounded-xl p-6 shadow-md scroll-reveal"><div class="flex items-center mb-4"><div class="w-10 h-10 rounded-full bg-green-100 dark:bg-green-900 flex items-center justify-center mr-3"><i class="fas fa-leaf text-green-600 dark:text-green-400"></i></div><h3 class="text-xl font-semibold">环保性</h3></div><p class="text-[var(--text-secondary)]">采用符合GB36246-2018标准的环保材料，从生产到施工全程严格控制有害物质的释放，确保无毒无味。</div><div class="feature-card bg-[var(--card)] border border-[var(--border)] rounded-xl p-6 shadow-md scroll-reveal"><div class="flex items-center mb-4"><div class="w-10 h-10 rounded-full bg-blue-100 dark:bg-blue-900 flex items-center justify-center mr-3"><i class="fas fa-shield-alt text-blue-600 dark:text-blue-400"></i></div><h3 class="text-xl font-semibold">耐用性</h3></div><p class="text-[var(--text-secondary)]">具有卓越的耐久性和抗老化性能，能够在恶劣环境下长期保持鲜艳色彩和结构稳定，使用寿命长达10年以上。</div><div class="feature-card bg-[var(--card)] border border-[var(--border)] rounded-xl p-6 shadow-md scroll-reveal"><div class="flex items-center mb-4"><div class="w-10 h-10 rounded-full bg-purple-100 dark:bg-purple-900 flex items-center justify-center mr-3"><i class="fas fa-heartbeat text-purple-600 dark:text-purple-400"></i></div><h3 class="text-xl font-semibold">舒适性</h3></div><p class="text-[var(--text-secondary)]">采用先进的弹性层设计，能够有效吸收运动员落地时产生的冲击力，减少对膝关节、脚踝等部位的损伤。</div></div><div class="grid grid-cols-1 md:grid-cols-3 gap-6"><div class="feature-card bg-[var(--card)] border border-[var(--border)] rounded-xl p-6 shadow-md scroll-reveal"><div class="flex items-center mb-4"><div class="w-10 h-10 rounded-full bg-yellow-100 dark:bg-yellow-900 flex items-center justify-center mr-3"><i class="fas fa-cloud-rain text-yellow-600 dark:text-yellow-400"></i></div><h3 class="text-xl font-semibold">全天候使用</h3></div><p class="text-[var(--text-secondary)]">具有较佳的透气性和疏水性，即使在雨天也能迅速排水，无需等待即可继续使用。大大提高了场地的利用率。</div><div class="feature-card bg-[var(--card)] border border-[var(--border)] rounded-xl p-6 shadow-md scroll-reveal"><div class="flex items-center mb-4"><div class="w-10 h-10 rounded-full bg-red-100 dark:bg-red-900 flex items-center justify-center mr-3"><i class="fas fa-shield-virus text-red-600 dark:text-red-400"></i></div><h3 class="text-xl font-semibold">安全性</h3></div><p class="text-[var(--text-secondary)]">施工时采用流动材质，确保表面平整光滑，无明显凹凸感。防滑性能经过优化设计，即使在湿滑条件下也能提供良好的抓地力。</div><div class="feature-card bg-[var(--card)] border border-[var(--border)] rounded-xl p-6 shadow-md scroll-reveal"><div class="flex items-center mb-4"><div class="w-10 h-10 rounded-full bg-green-100 dark:bg-green-900 flex items-center justify-center mr-3"><i class="fas fa-coins text-green-600 dark:text-green-400"></i></div><h3 class="text-xl font-semibold">经济性</h3></div><p class="text-[var(--text-secondary)]">不仅在性能上有所提升，在造价方面也具有较高的性价比。施工便捷、维护成本低，长期来看更加经济实惠。</div></div></div></section><section class="py-12 bg-[var(--secondary)]"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><div class="text-center mb-12"><h2 class="text-2xl md:text-3xl font-bold mb-4">塑胶跑道类型对比</h2><p class="text-lg text-[var(--text-secondary)] max-w-3xl mx-auto">不同类型的塑胶跑道各有特点，适用于不同场景和需求</div><div class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-12"><div class="price-card bg-[var(--card)] border border-[var(--border)] rounded-xl p-6 shadow-md scroll-reveal"><div class="flex justify-between items-center mb-4"><h3 class="text-xl font-semibold">透气型跑道</h3><span class="text-xl font-bold text-green-600 dark:text-green-400">¥80-120/㎡</span></div><div class="flex items-center mb-2"><div class="w-2 h-2 rounded-full bg-green-500 mr-2"></div><span class=text-sm>透气性好</span></div><div class="flex items-center mb-2"><div class="w-2 h-2 rounded-full bg-green-500 mr-2"></div><span class=text-sm>性价比高</span></div><div class="flex items-center mb-2"><div class="w-2 h-2 rounded-full bg-yellow-500 mr-2"></div><span class=text-sm>弹性适中</span></div><div class="flex items-center mb-2"><div class="w-2 h-2 rounded-full bg-yellow-500 mr-2"></div><span class=text-sm>适合学校</span></div><div class="flex items-center"><div class="w-2 h-2 rounded-full bg-yellow-500 mr-2"></div><span class=text-sm>维护简单</span></div></div><div class="price-card bg-[var(--card)] border border-[var(--border)] rounded-xl p-6 shadow-md scroll-reveal"><div class="flex justify-between items-center mb-4"><h3 class="text-xl font-semibold">混合型跑道</h3><span class="text-xl font-bold text-blue-600 dark:text-blue-400">¥120-218/㎡</span></div><div class="flex items-center mb-2"><div class="w-2 h-2 rounded-full bg-green-500 mr-2"></div><span class=text-sm>弹性优异</span></div><div class="flex items-center mb-2"><div class="w-2 h-2 rounded-full bg-green-500 mr-2"></div><span class=text-sm>耐磨性好</span></div><div class="flex items-center mb-2"><div class="w-2 h-2 rounded-full bg-green-500 mr-2"></div><span class=text-sm>色彩鲜艳</span></div><div class="flex items-center mb-2"><div class="w-2 h-2 rounded-full bg-yellow-500 mr-2"></div><span class=text-sm>适合专业训练</span></div><div class="flex items-center"><div class="w-2 h-2 rounded-full bg-yellow-500 mr-2"></div><span class=text-sm>使用寿命长</span></div></div><div class="price-card bg-[var(--card)] border border-[var(--border)] rounded-xl p-6 shadow-md scroll-reveal"><div class="flex justify-between items-center mb-4"><h3 class="text-xl font-semibold">全塑型跑道</h3><span class="text-xl font-bold text-purple-600 dark:text-purple-400">¥220-518/㎡</span></div><div class="flex items-center mb-2"><div class="w-2 h-2 rounded-full bg-green-500 mr-2"></div><span class=text-sm>弹性较佳</span></div><div class="flex items-center mb-2"><div class="w-2 h-2 rounded-full bg-green-500 mr-2"></div><span class=text-sm>耐候性好</span></div><div class="flex items-center mb-2"><div class="w-2 h-2 rounded-full bg-green-500 mr-2"></div><span class=text-sm>美观耐用</span></div><div class="flex items-center mb-2"><div class="w-2 h-2 rounded-full bg-green-500 mr-2"></div><span class=text-sm>适合专业赛事</span></div><div class="flex items-center"><div class="w-2 h-2 rounded-full bg-green-500 mr-2"></div><span class=text-sm>G级性能</span></div></div></div><div class="bg-[var(--card)] border border-[var(--border)] rounded-xl p-6 shadow-md mb-12"><h3 class="text-xl font-semibold mb-4">塑胶跑道价格对比</h3><div class=chart-container><canvas id=priceChart></canvas></div></div><div class="grid grid-cols-1 md:grid-cols-2 gap-6"><div class="bg-[var(--card)] border border-[var(--border)] rounded-xl p-6 shadow-md scroll-reveal"><h3 class="text-xl font-semibold mb-4 flex items-center"><i class="fas fa-tools mr-2 text-blue-500"></i> 施工便捷性</h3><p class="text-[var(--text-secondary)] mb-4">湖北优正体育作为专业的塑胶跑道施工企业，严格按照新国标要求进行施工。例如，混合型跑道厚度为13mm，施工时采用一次成型技术，避免了传统施工中可能出现的起泡、脱粒等问题。同时，施工周期短，可在短时间内完成铺设并投入使用。<div class="flex items-center"><div class="w-full bg-gray-200 dark:bg-gray-700 rounded-full h-2.5"><div class="bg-blue-600 h-2.5 rounded-full"style=width:85%></div></div><span class="ml-2 text-sm font-medium">85%</span></div></div><div class="bg-[var(--card)] border border-[var(--border)] rounded-xl p-6 shadow-md scroll-reveal"><h3 class="text-xl font-semibold mb-4 flex items-center"><i class="fas fa-map-marker-alt mr-2 text-red-500"></i> 适用范围</h3><p class="text-[var(--text-secondary)] mb-4">新国标塑胶跑道适用于各级学校、社区运动场以及专业田径场等多种场景。无论是小学的日常训练还是国际级比赛场地，均能满足不同需求。其色彩鲜艳、美观大方的设计也提升了场地的整体视觉效果。<div class="flex items-center"><div class="w-full bg-gray-200 dark:bg-gray-700 rounded-full h-2.5"><div class="bg-green-600 h-2.5 rounded-full"style=width:90%></div></div><span class="ml-2 text-sm font-medium">90%</span></div></div></div></div></section><section class="py-12 md:py-16"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><div class="text-center mb-12"><h2 class="text-2xl md:text-3xl font-bold mb-4">新国标塑胶跑道特点</h2><p class="text-lg text-[var(--text-secondary)] max-w-3xl mx-auto">从环保性到安全性，全方位解析新国标塑胶跑道的优势</div><div class="grid grid-cols-1 md:grid-cols-3 gap-6"><div class="bg-[var(--card)] border border-[var(--border)] rounded-xl overflow-hidden shadow-md scroll-reveal"><div class="h-48 bg-gradient-to-r from-green-500 to-green-600 flex items-center justify-center"><i class="fas fa-leaf text-6xl text-white opacity-80"></i></div><div class=p-6><h3 class="text-xl font-semibold mb-3">环保性</h3><p class="text-[var(--text-secondary)] mb-4">采用符合GB36246-2018标准的环保材料，从生产到施工全程严格控制有害物质的释放，确保跑道无毒无味，对人体和环境友好。<p class="text-[var(--text-secondary)]">通过了国家强制性标准检测，成为校园"毒跑道"的终结者。</div></div><div class="bg-[var(--card)] border border-[var(--border)] rounded-xl overflow-hidden shadow-md scroll-reveal"><div class="h-48 bg-gradient-to-r from-blue-500 to-blue-600 flex items-center justify-center"><i class="fas fa-shield-alt text-6xl text-white opacity-80"></i></div><div class=p-6><h3 class="text-xl font-semibold mb-3">耐用性</h3><p class="text-[var(--text-secondary)] mb-4">具有卓越的耐久性和抗老化性能，能够在紫外线、臭氧、风雨等恶劣环境下长期保持鲜艳色彩和结构稳定。<p class="text-[var(--text-secondary)]">耐磨性和抗冲击性显著优于传统跑道，使用寿命长达10年以上。</div></div><div class="bg-[var(--card)] border border-[var(--border)] rounded-xl overflow-hidden shadow-md scroll-reveal"><div class="h-48 bg-gradient-to-r from-purple-500 to-purple-600 flex items-center justify-center"><i class="fas fa-heartbeat text-6xl text-white opacity-80"></i></div><div class=p-6><h3 class="text-xl font-semibold mb-3">舒适性</h3><p class="text-[var(--text-secondary)] mb-4">采用先进的弹性层设计，能够有效吸收运动员落地时产生的冲击力，减少对膝关节、脚踝等部位的损伤。<p class="text-[var(--text-secondary)]">表面防滑性能优异，确保运动员在各种天气条件下都能安全运动。</div></div><div class="bg-[var(--card)] border border-[var(--border)] rounded-xl overflow-hidden shadow-md scroll-reveal"><div class="h-48 bg-gradient-to-r from-yellow-500 to-yellow-600 flex items-center justify-center"><i class="fas fa-cloud-rain text-6xl text-white opacity-80"></i></div><div class=p-6><h3 class="text-xl font-semibold mb-3">全天候使用</h3><p class="text-[var(--text-secondary)] mb-4">具有较佳的透气性和疏水性，即使在雨天也能迅速排水，无需等待即可继续使用。<p class="text-[var(--text-secondary)]">这种全天候特性大大提高了场地的利用率，特别适合学校和社区等需要高效利用场地资源的场所。</div></div><div class="bg-[var(--card)] border border-[var(--border)] rounded-xl overflow-hidden shadow-md scroll-reveal"><div class="h-48 bg-gradient-to-r from-red-500 to-red-600 flex items-center justify-center"><i class="fas fa-shield-virus text-6xl text-white opacity-80"></i></div><div class=p-6><h3 class="text-xl font-semibold mb-3">安全性</h3><p class="text-[var(--text-secondary)] mb-4">施工时采用流动材质，确保表面平整光滑，无明显凹凸感。防滑性能经过优化设计，即使在湿滑条件下也能提供良好的抓地力。<p class="text-[var(--text-secondary)]">降低运动员摔倒的风险，保障运动安全。</div></div><div class="bg-[var(--card)] border border-[var(--border)] rounded-xl overflow-hidden shadow-md scroll-reveal"><div class="h-48 bg-gradient-to-r from-green-500 to-green-600 flex items-center justify-center"><i class="fas fa-coins text-6xl text-white opacity-80"></i></div><div class=p-6><h3 class="text-xl font-semibold mb-3">经济性</h3><p class="text-[var(--text-secondary)] mb-4">不仅在性能上有所提升，在造价方面也具有较高的性价比。施工便捷、维护成本低，长期来看更加经济实惠。<p class="text-[var(--text-secondary)]">透气型跑道每平方米造价约为80-120元，混合型跑道造价为120-218元，全塑型跑道造价为220-518元。</div></div></div></div></section><section class="py-12 bg-[var(--secondary)]"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><div class="text-center mb-12"><h2 class="text-2xl md:text-3xl font-bold mb-4">后期维护</h2><p class="text-lg text-[var(--text-secondary)] max-w-3xl mx-auto">为了延长跑道使用寿命并保持较佳状态，定期维护至关重要</div><div class="grid grid-cols-1 md:grid-cols-2 gap-6"><div class="bg-[var(--card)] border border-[var(--border)] rounded-xl p-6 shadow-md"><h3 class="text-xl font-semibold mb-4 flex items-center"><i class="fas fa-calendar-check text-green-500 mr-2"></i> 定期检查</h3><ul class="space-y-3 text-[var(--text-secondary)]"><li class="flex items-start"><i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i> <span>每季度检查排水系统是否畅通</span><li class="flex items-start"><i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i> <span>定期检查跑道表面平整度</span><li class="flex items-start"><i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i> <span>检查颜色均匀性，及时修补</span><li class="flex items-start"><i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i> <span>记录使用情况，评估磨损程度</span></ul></div><div class="bg-[var(--card)] border border-[var(--border)] rounded-xl p-6 shadow-md"><h3 class="text-xl font-semibold mb-4 flex items-center"><i class="fas fa-broom text-blue-500 mr-2"></i> 日常清洁</h3><ul class="space-y-3 text-[var(--text-secondary)]"><li class="flex items-start"><i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i> <span>定期清扫灰尘和杂物</span><li class="flex items-start"><i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i> <span>雨后及时清理积水</span><li class="flex items-start"><i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i> <span>避免化学清洁剂直接接触</span><li class="flex items-start"><i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i> <span>使用专用清洁剂定期清洁</span></ul></div></div><div class="mt-12 bg-[var(--card)] border border-[var(--border)] rounded-xl p-6 shadow-md"><h3 class="text-xl font-semibold mb-4 flex items-center"><i class="fas fa-tools text-purple-500 mr-2"></i> 专业维修</h3><p class="text-[var(--text-secondary)] mb-4">湖北优正体育提供专业的后期维护服务，包括：<ul class="grid grid-cols-1 md:grid-cols-2 gap-4"><li class="flex items-start"><i class="fas fa-wrench text-blue-500 mt-1 mr-2"></i> <span>小面积修补：针对破损区域进行精确修复</span><li class="flex items-start"><i class="fas fa-recycle text-blue-500 mt-1 mr-2"></i> <span>整体翻新：针对老化严重的跑道进行重新铺设</span><li class="flex items-start"><i class="fas fa-tint-slash text-blue-500 mt-1 mr-2"></i> <span>排水系统维护：确保雨水及时排出</span><li class="flex items-start"><i class="fas fa-paint-brush text-blue-500 mt-1 mr-2"></i> <span>色彩恢复：针对褪色区域进行重新着色</span></ul></div></div></section><section class="py-12 md:py-16"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><div class="text-center mb-12"><h2 class="text-2xl md:text-3xl font-bold mb-4">联系我们</h2><p class="text-lg text-[var(--text-secondary)] max-w-3xl mx-auto">湖北优正体育致力于为客户提供从研发到施工再到后期维护的一站式服务</div><div class="bg-[var(--card)] border border-[var(--border)] rounded-xl p-8 shadow-md"><div class="flex flex-col md:flex-row items-center justify-between"><div class="flex-1 mb-6 md:mb-0 md:mr-8"><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-3"><i class="fas fa-building text-blue-600 dark:text-blue-400"></i></div><h3 class="text-xl font-semibold">湖北优正体育</h3></div><p class="text-[var(--text-secondary)] mb-4">作为行业靠前企业，我们致力于提供高品质的塑胶跑道产品和服务。<div class="flex flex-col md:flex-row space-y-4 md:space-y-0 md:space-x-4"><div class="flex items-center"><i class="fas fa-phone text-blue-500 mr-2"></i><span>189-7128-8099</span></div><div class="flex items-center"><i class="fas fa-envelope text-blue-500 mr-2"></i><span>cnyouzheng@qq.com</span></div><div class="flex items-center"><i class="fas fa-map-marker-alt text-blue-500 mr-2"></i><span>武汉市江岸区</span></div></div></div><div class="w-full md:w-64 h-64 bg-gray-200 dark:bg-gray-700 rounded-xl flex items-center justify-center"><i class="fas fa-running text-6xl text-gray-400 dark:text-gray-500"></i></div></div></div></div></section></main><footer class="bg-gray-100 dark:bg-gray-800 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-4 md:mb-0"><p class="text-[var(--text-secondary)]">© 2025 湖北优正体育 | 专业塑胶跑道供应商</div><div class="flex space-x-4"><a class="text-gray-500 hover:text-blue-600 dark:text-gray-400 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:text-gray-400 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:text-gray-400 dark:hover:text-blue-400"href=#> <i class="fas fa-envelope text-xl"></i> </a></div></div></div></footer></div><script>const themeToggle=document.getElementById(`theme-toggle`);const body=document.body;const prefersDarkScheme=window.matchMedia(`(prefers-color-scheme: dark)`);if(prefersDarkScheme.matches){body.classList.remove(`light`);body.classList.add(`dark`)}else{body.classList.remove(`dark`);body.classList.add(`light`)};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)}});const scrollElements=document.querySelectorAll(`.scroll-reveal`);const elementInView=(a,b)=>{const c=a.getBoundingClientRect().top;return c<=(window.innerHeight||document.documentElement.clientHeight)*b};const displayScrollElement=a=>{a.classList.add(`active`)};const handleScrollAnimation=()=>{scrollElements.forEach(a=>{if(elementInView(a,0.15)){displayScrollElement(a)}})};window.addEventListener(`scroll`,()=>{handleScrollAnimation()});handleScrollAnimation();const ctx=document.getElementById(`priceChart`).getContext(`2d`);const priceChart=new Chart(ctx,{type:`bar`,data:{labels:[`透气型`,`混合型`,`全塑型`],datasets:[{label:`每平方米价格（元）`,data:[100,170,350],backgroundColor:[`rgba(75, 192, 192, 0.7)`,`rgba(54, 162, 235, 0.7)`,`rgba(153, 102, 255, 0.7)`],borderColor:[`rgba(75, 192, 192, 1)`,`rgba(54, 162, 235, 1)`,`rgba(153, 102, 255, 1)`],borderWidth:1}]},options:{responsive:!0,maintainAspectRatio:!1,plugins:{legend:{display:!1},tooltip:{callbacks:{label:(a=>`¥${a.raw}元/平方米`)}}},scales:{y:{beginAtZero:!0,title:{display:!0,text:`价格 (元/平方米)`}}}}});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});document.querySelectorAll(`.fade-in`).forEach(a=>{observer.observe(a)})</script>
</body></html>