文本查看器


<!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:#3b82f6;--primary-dark:#2563eb;--secondary:#6366f1;--accent:#8b5cf6;--text-primary:#1f2937;--text-secondary:#4b5563;--bg-primary:#fff;--bg-secondary:#f9fafb;--border:#e5e7eb}.dark{--primary:#60a5fa;--primary-dark:#3b82f6;--secondary:#818cf8;--accent:#a78bfa;--text-primary:#f9fafb;--text-secondary:#d1d5db;--bg-primary:#111827;--bg-secondary:#1f2937;--border:#374151}body{color:var(--text-primary);background-color:var(--bg-primary);font-family:Noto Sans SC,sans-serif;transition:all .3s}.card{background-color:var(--bg-primary);border:1px solid var(--border);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)}}.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-10 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 gap-8 fade-in"style=animation-delay:.2s><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-basketball-ball text-blue-600 dark:text-blue-300 text-xl"></i></div><h2 class="text-2xl font-bold">硬地丙烯酸球场</h2></div><p class="text-base text-gray-700 dark:text-gray-300 mb-4">适用于篮球场、羽毛球场等场地，对耐用性要求较高。<div class="bg-blue-50 dark:bg-blue-900/30 p-4 rounded-lg"><p class=font-medium>标准厚度：<span class="text-blue-700 dark:text-blue-300">1.5毫米至3毫米</span><p class="text-sm text-gray-600 dark:text-gray-400 mt-2">若场地基础较差或需要更高耐用性，可增加至<span class="text-blue-700 dark:text-blue-300">2毫米至4毫米</span></div></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-purple-100 dark:bg-purple-900 flex items-center justify-center mr-4"><i class="fas fa-table-tennis text-purple-600 dark:text-purple-300 text-xl"></i></div><h2 class="text-2xl font-bold">弹性丙烯酸球场</h2></div><p class="text-base text-gray-700 dark:text-gray-300 mb-4">主要用于网球场、排球场等对缓冲性能要求较高的场地。<div class="bg-purple-50 dark:bg-purple-900/30 p-4 rounded-lg"><p class=font-medium>标准厚度：<span class="text-purple-700 dark:text-purple-300">3毫米至5毫米</span><p class="text-sm text-gray-600 dark:text-gray-400 mt-2">常见网球场厚度为<span class="text-purple-700 dark:text-purple-300">3毫米</span>，专业场地可达<span class="text-purple-700 dark:text-purple-300">3毫米至8毫米</span></div></div></section><section class="card rounded-xl p-6 shadow-md fade-in"style=animation-delay:.4s><h2 class="text-2xl font-bold mb-6 flex items-center"><i class="fas fa-chart-bar text-indigo-500 mr-3"></i> 丙烯酸球场厚度对比</h2><div class=chart-container><canvas id=thicknessChart></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 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-home text-green-600 dark:text-green-300 text-xl"></i></div><h2 class="text-2xl font-bold">社区/休闲用途</h2></div><p class="text-base text-gray-700 dark:text-gray-300">适用于轻负荷的儿童游乐区或休闲场所。<div class="bg-green-50 dark:bg-green-900/30 p-4 rounded-lg"><p class=font-medium>推荐厚度：<span class="text-green-700 dark:text-green-300">1.5毫米至2毫米</span><p class="text-sm text-gray-600 dark:text-gray-400 mt-2">经济实用，适合日常休闲活动</div></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-red-100 dark:bg-red-900 flex items-center justify-center mr-4"><i class="fas fa-trophy text-red-600 dark:text-red-300 text-xl"></i></div><h2 class="text-2xl font-bold">专业运动场地</h2></div><p class="text-base text-gray-700 dark:text-gray-300">适用于大型体育场馆或专业训练基地。<div class="bg-red-50 dark:bg-red-900/30 p-4 rounded-lg"><p class=font-medium>推荐厚度：<span class="text-red-700 dark:text-red-300">2.5毫米至3毫米+</span><p class="text-sm text-gray-600 dark:text-gray-400 mt-2">提供更好的弹性和耐用性，延长使用寿命</div></div></section><section class="card rounded-xl p-6 shadow-md fade-in"style=animation-delay:.8s><h2 class="text-2xl font-bold mb-6 flex items-center"><i class="fas fa-info-circle text-yellow-500 mr-3"></i> 关于湖北优正体育</h2><div class="flex flex-col md:flex-row gap-6"><div class=md:w-2/3><p class="text-base text-gray-700 dark:text-gray-300 mb-4">湖北优正体育作为一家专注于塑胶跑道和运动场地材料的企业，致力于为客户提供高质量的丙烯酸球场解决方案。我们提供的丙烯酸球场材料具有以下特点：<ul class="space-y-2 text-gray-700 dark:text-gray-300"><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><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="md:w-1/3 bg-gray-100 dark:bg-gray-800 rounded-lg p-4"><h3 class="text-lg font-semibold mb-3 text-center">联系我们</h3><p class="text-center text-gray-700 dark:text-gray-300"><i class="fas fa-phone-alt mr-2"></i> 189-7128-8099<p class="text-center text-gray-700 dark:text-gray-300 mt-4"><button class="btn bg-blue-500 hover:bg-blue-600 text-white px-4 py-2 rounded-lg flex items-center"><i class="fas fa-envelope mr-2"></i> 获取更多信息</button></div></div></section></main><footer class="mt-16 pt-8 border-t border-gray-200 dark:border-gray-700 text-center text-gray-600 dark:text-gray-400 fade-in"style=animation-delay:1s><div class="flex flex-col md:flex-row justify-between items-center"><div class="mb-4 md:mb-0"><p>作者： 优正体育小唐18571459135</div><div class="flex space-x-4"><a class="text-gray-500 hover:text-blue-500 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:hover:text-blue-400"href=#> <i class="fab fa-weibo text-xl"></i> </a><a class="text-gray-500 hover:text-blue-500 dark:hover:text-blue-400"href=#> <i class="fas fa-envelope text-xl"></i> </a></div></div><p class="mt-4 text-sm">© 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)`,f=`rgba(0, 0, 0, 0.1)`,h=`rgba(255, 255, 255, 0.8)`,i=`rgba(0, 0, 0, 0.8)`;const a=document.documentElement.classList.contains(`dark`);const b=a?`#f9fafb`:`#111827`;const c=a?`#4b5563`:`#f9fafb`;const d=a?`#e5e7eb`:`#374151`;const e=new Chart(document.getElementById(`thicknessChart`),{type:`bar`,data:{labels:[`硬地丙烯酸球场`,`弹性丙烯酸球场`,`社区/休闲用途`,`专业运动场地`],datasets:[{label:`较小厚度 (毫米)`,data:[1.5,3,1.5,2.5],backgroundColor:`rgba(59, 130, 246, 0.7)`,borderColor:`rgba(59, 130, 246, 1)`,borderWidth:1},{label:`较大厚度 (毫米)`,data:[3,8,2,3.5],backgroundColor:`rgba(168, 85, 247, 0.7)`,borderColor:`rgba(168, 85, 247, 1)`,borderWidth:1}]},options:{responsive:!0,maintainAspectRatio:!1,plugins:{legend:{position:`top`,labels:{color:c}},tooltip:{mode:`index`,intersect:!1}},scales:{x:{grid:{color:d},ticks:{color:c}},y:{beginAtZero:!0,grid:{color:d},ticks:{color:c}}}}});themeToggle.addEventListener(`click`,()=>{const a=document.documentElement.classList.contains(`dark`);const b=a?`#f9fafb`:`#111827`;const c=a?`#4b5563`:`#f9fafb`;const d=a?`#e5e7eb`:`#374151`;e.options.scales.x.ticks.color=c;e.options.scales.y.ticks.color=c;e.options.scales.x.grid.color=d;e.options.scales.y.grid.color=d;e.options.plugins.legend.labels.color=c;e.update()});const cards=document.querySelectorAll(`.card`);const observer=new IntersectionObserver(a=>{a.forEach(a=>{if(a.isIntersecting){a.target.classList.add(`fade-in`)}})},{threshold:0.1});cards.forEach(a=>{observer.observe(a)})}))</script>
</body></html>