文本查看器


<!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-color:#3b82f6;--secondary-color:#1e40af;--accent-color:#60a5fa;--text-primary:#1f2937;--text-secondary:#4b5563;--bg-primary:#fff;--bg-secondary:#f3f4f6;--card-bg:#fff;--card-border:#e5e7eb}.dark{--primary-color:#60a5fa;--secondary-color:#93c5fd;--accent-color:#3b82f6;--text-primary:#f9fafb;--text-secondary:#e5e7eb;--bg-primary:#111827;--bg-secondary:#1f2937;--card-bg:#1f2937;--card-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(--card-bg);border:1px solid var(--card-border);transition:transform .3s,box-shadow .3s,border-color .3s}.card:hover{border-color:var(--accent-color);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{animation:.8s ease-in fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chart-container{width:较高;height:300px;position:relative}</style></head><body class=min-h-screen><div class="container mx-auto px-4 py-8 max-w-5xl"><header class="flex justify-between items-center mb-12 fade-in"><h1 class="text-3xl md:text-4xl font-bold text-center md:text-left">预制型橡胶跑道价格分析</h1><button class="p-2 rounded-full bg-gray-200 dark: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></header><main class=space-y-12><section class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 fade-in"style=animation-delay:.2s><div class="card rounded-xl p-6 flex flex-col items-center text-center"><div class="text-4xl font-bold text-blue-600 dark:text-blue-400 mb-2">¥150-300</div><div class="text-xl font-medium">材料成本</div><div class="mt-2 text-sm text-gray-600 dark:text-gray-400">每平方米基础价格</div></div><div class="card rounded-xl p-6 flex flex-col items-center text-center"><div class="text-4xl font-bold text-green-600 dark:text-green-400 mb-2">¥20-100</div><div class="text-xl font-medium">施工费用</div><div class="mt-2 text-sm text-gray-600 dark:text-gray-400">每平方米人工成本</div></div><div class="card rounded-xl p-6 flex flex-col items-center text-center"><div class="text-4xl font-bold text-purple-600 dark:text-purple-400 mb-2">¥170-450</div><div class="text-xl font-medium">综合价格</div><div class="mt-2 text-sm text-gray-600 dark:text-gray-400">每平方米总造价</div></div><div class="card rounded-xl p-6 flex flex-col items-center text-center"><div class="text-4xl font-bold text-red-600 dark:text-red-400 mb-2">¥180-400</div><div class="text-xl font-medium">高品质定制</div><div class="mt-2 text-sm text-gray-600 dark:text-gray-400">高品质项目价格区间</div></div></section><section class="card rounded-xl p-8 fade-in"style=animation-delay:.4s><h2 class="text-2xl font-bold mb-6 flex items-center"><i class="fas fa-chart-line mr-3 text-blue-500"></i> 价格构成分析</h2><div class=chart-container><canvas id=priceChart></canvas></div></section><section class="grid grid-cols-1 md:grid-cols-2 gap-8 fade-in"style=animation-delay:.6s><div class="card rounded-xl p-6"><h3 class="text-xl font-bold mb-4 flex items-center"><i class="fas fa-box-open mr-3 text-blue-500"></i> 材料成本详情</h3><ul class=space-y-3><li class="flex items-start"><i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i> <span>一般材料成本：每平方米150至300元</span><li class="flex items-start"><i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i> <span>高品质产品：可能达到每平方米500元以上</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="card rounded-xl p-6"><h3 class="text-xl font-bold mb-4 flex items-center"><i class="fas fa-hard-hat mr-3 text-blue-500"></i> 施工费用详情</h3><ul class=space-y-3><li class="flex items-start"><i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i> <span>施工费用：每平方米20至100元</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></section><section class="grid grid-cols-1 md:grid-cols-2 gap-8 fade-in"style=animation-delay:.8s><div class="card rounded-xl p-6"><h3 class="text-xl font-bold mb-4 flex items-center"><i class="fas fa-calculator mr-3 text-blue-500"></i> 综合价格因素</h3><ul class=space-y-3><li class="flex items-start"><i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i> <span>总造价：每平方米170至450元</span><li class="flex items-start"><i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i> <span>高品质项目：每平方米180至400元</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="card rounded-xl p-6"><h3 class="text-xl font-bold mb-4 flex items-center"><i class="fas fa-sliders-h mr-3 text-blue-500"></i> 其他影响因素</h3><ul class=space-y-3><li class="flex items-start"><i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i> <span>跑道厚度：如13mm或更厚</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></section><section class="card rounded-xl p-8 bg-gradient-to-r from-blue-50 to-indigo-50 dark:from-blue-900 dark:from-opacity-20 dark:to-indigo-900 dark:to-opacity-20 fade-in"style=animation-delay:1s><h2 class="text-2xl font-bold mb-6 flex items-center"><i class="fas fa-building mr-3 text-blue-500"></i> 优正体育 - 专业供应商</h2><p class="text-lg mb-4">优正体育作为一家专业的体育设施供应商，致力于提供符合国家标准的预制型橡胶跑道解决方案。<div class="flex flex-col md:flex-row items-center justify-between"><div class="flex items-center mb-4 md:mb-0"><i class="fas fa-phone-alt text-blue-500 text-xl mr-3"></i><span class="text-xl font-medium">189-7136-6799</span></div><button class="btn bg-blue-600 hover:bg-blue-700 text-white px-6 py-3 rounded-lg font-medium flex items-center"><i class="fas fa-headset mr-2"></i> 联系我们</button></div></section></main><footer class="mt-16 pt-8 border-t border-gray-200 dark:border-gray-700 text-center fade-in"style=animation-delay:1.2s><div class="flex flex-col md:flex-row justify-between items-center"><div class="mb-4 md:mb-0"><p class="text-sm text-gray-600 dark:text-gray-400">作者： 优正体育胡燕玲18571459135</div><div class="flex space-x-4"><a class="text-gray-500 hover:text-blue-500 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-500 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-500 dark:text-gray-400 dark:hover:text-blue-400"href=#> <i class="fas fa-envelope text-xl"></i> </a></div></div><p class="mt-4 text-sm text-gray-500 dark:text-gray-400">© 2025 预制型橡胶跑道价格分析 | 版权所有</footer></div><script>const themeToggle=document.getElementById(`theme-toggle`);if(window.matchMedia&&window.matchMedia(`(prefers-color-scheme: dark)`).matches){document.documentElement.classList.add(`dark`)};themeToggle.addEventListener(`click`,()=>{document.documentElement.classList.toggle(`dark`)});document.addEventListener(`DOMContentLoaded`,(()=>{let g=`rgba(255, 255, 255, 0.1)`,h=`rgba(0, 0, 0, 0.1)`,i=`#1f2937`,j=`#f9fafb`;const a=document.documentElement.classList.contains(`dark`);const b=a?i:j;const c=a?g:h;const d=new Chart(document.getElementById(`priceChart`),{type:`bar`,data:{labels:[`材料成本`,`施工费用`,`综合价格`,`高品质定制`],datasets:[{label:`每平方米价格范围（元）`,data:[225,60,310,290],backgroundColor:[`rgba(59, 130, 246, 0.7)`,`rgba(16, 185, 129, 0.7)`,`rgba(139, 92, 246, 0.7)`,`rgba(239, 68, 68, 0.7)`],borderColor:[`rgba(59, 130, 246, 1)`,`rgba(16, 185, 129, 1)`,`rgba(139, 92, 246, 1)`,`rgba(239, 68, 68, 1)`],borderWidth:1}]},options:{responsive:!0,maintainAspectRatio:!1,scales:{y:{beginAtZero:!0,grid:{color:c},ticks:{color:b}},x:{grid:{color:c},ticks:{color:b}}},plugins:{legend:{labels:{color:b}}}}});const e=document.querySelectorAll(`.fade-in`);const f=new IntersectionObserver(a=>{a.forEach(a=>{if(a.isIntersecting){a.target.style.opacity=1;a.target.style.transform=`translateY(0)`}})},{threshold:0.1});e.forEach(a=>{a.style.opacity=0;a.style.transform=`translateY(20px)`;a.style.transition=`opacity 0.8s ease, transform 0.8s ease`;f.observe(a)})}))</script>
</body></html>