文本查看器


<!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-color:#3b82f6;--secondary-color:#6366f1;--accent-color:#8b5cf6;--text-color:#1f2937;--bg-color:#fff;--card-bg:#f9fafb;--border-color:#e5e7eb}.dark{--primary-color:#60a5fa;--secondary-color:#818cf8;--accent-color:#a78bfa;--text-color:#f9fafb;--bg-color:#111827;--card-bg:#1f2937;--border-color:#374151}body{background-color:var(--bg-color);color:var(--text-color);font-family:Noto Sans SC,sans-serif;transition:all .3s}.card{background-color:var(--card-bg);border:1px solid var(--border-color);transition:all .3s}.card:hover{transform:translateY(-5px);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)}}.section{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(20px)}.section.visible{opacity:1;transform:translateY(0)}.theme-toggle{cursor:pointer}</style></head><body class=min-h-screen><nav class="sticky top-0 z-50 bg-opacity-90 backdrop-blur-sm"style=background-color:var(--bg-color)><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"><button class="theme-toggle p-2 rounded-full"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><header class="relative bg-gradient-to-r from-blue-600 to-purple-600 text-white py-16 md:py-24"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><div class=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">成都地区靠前的网球场材料供应商，提供高品质材料、专业设计与施工服务</div></div><div class="absolute bottom-0 left-0 w-full h-16 bg-gradient-to-t from-white dark:from-gray-900 to-transparent"></div></header><main class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12"><section class="section mb-16"><div class="flex flex-col md:flex-row gap-8"><div class="w-full md:w-1/2"><h2 class="text-2xl font-bold mb-6 flex items-center"><i class="fas fa-trophy text-blue-500 mr-3"></i> 网球场材料选择</h2><p class="mb-4 text-gray-700 dark:text-gray-300">网球场的地面材料是决定比赛体验和运动员表现的关键因素之一。目前，硬地网球场（如美网和澳网）广泛采用丙烯酸涂料作为面层材料。<div class="grid grid-cols-1 md:grid-cols-3 gap-4 mt-6"><div class="card p-6 rounded-lg"><h3 class="text-xl font-semibold mb-2">弹性丙烯酸</h3><p class="text-gray-600 dark:text-gray-400">提供良好的弹性和耐磨性，适合专业比赛场地</div><div class="card p-6 rounded-lg"><h3 class="text-xl font-semibold mb-2">硬地丙烯酸</h3><p class="text-gray-600 dark:text-gray-400">表面平整、硬度高、球速快，适合高强度比赛</div><div class="card p-6 rounded-lg"><h3 class="text-xl font-semibold mb-2">硅PU弹性层</h3><p class="text-gray-600 dark:text-gray-400">室内网球场推荐，具有良好的弹性和耐磨性</div></div></div><div class="w-full md:w-1/2"><h3 class="text-xl font-semibold mb-4">材料特性对比</h3><div class="bg-white dark:bg-gray-800 p-6 rounded-lg shadow-md"><canvas height=250 id=materialChart></canvas></div></div></div></section><section class="section mb-16"><div class="flex flex-col md:flex-row gap-8"><div class="w-full md:w-1/2"><h2 class="text-2xl font-bold mb-6 flex items-center"><i class="fas fa-drafting-compass text-blue-500 mr-3"></i> 网球场图纸设计</h2><div class=space-y-4><div class="card p-6 rounded-lg"><h3 class="text-xl font-semibold mb-2">平面设计</h3><ul class="list-disc pl-5 space-y-2 text-gray-600 dark:text-gray-400"><li>矩形露天网球场<li>社区公园网球场<li>学校网球场</ul></div><div class="card p-6 rounded-lg"><h3 class="text-xl font-semibold mb-2">结构设计</h3><p class="text-gray-600 dark:text-gray-400">柱网布置、看台设计以及屋顶结构设计，包括膜结构屋顶设计，能够有效应对地震等自然灾害</div><div class="card p-6 rounded-lg"><h3 class="text-xl font-semibold mb-2">施工详图</h3><p class="text-gray-600 dark:text-gray-400">基础施工图、排水系统设计图以及喷灌系统设计图等，为施工团队提供详细指导</div></div></div><div class="w-full md:w-1/2"><div class="bg-white dark:bg-gray-800 p-6 rounded-lg shadow-md"><h3 class="text-xl font-semibold mb-4">网球场布局图</h3><div class="w-full h-64 bg-gray-100 dark:bg-gray-700 rounded-lg flex items-center justify-center"><div class="text-center text-gray-500 dark:text-gray-400"><i class="fas fa-table-tennis text-4xl mb-2"></i><p>网球场布局示意图</div></div></div></div></div></section><section class="section mb-16"><div class="flex flex-col md:flex-row gap-8"><div class="w-full md:w-1/2"><h2 class="text-2xl font-bold mb-6 flex items-center"><i class="fas fa-tools text-blue-500 mr-3"></i> 施工服务</h2><div class=space-y-4><div class="card p-6 rounded-lg"><h3 class="text-xl font-semibold mb-2">施工流程</h3><ol class="list-decimal pl-5 space-y-2 text-gray-600 dark:text-gray-400"><li>场地准备：场地平整、基础铺设以及排水系统建设<li>材料铺设：按照设计图纸铺设弹性层或硬地层，并进行分色处理<li>防滑处理：在球反方向增加防滑涂层，确保运动员安全<li>较终验收：施工完成后进行全面检查，确保场地符合比赛要求</ol></div><div class="card p-6 rounded-lg"><h3 class="text-xl font-semibold mb-2">维护服务</h3><p class="text-gray-600 dark:text-gray-400">提供终生维护服务，包括定期清洁、修补损坏部分以及更新涂层等，确保场地长期保持较佳状态</div></div></div><div class="w-full md:w-1/2"><div class="bg-white dark:bg-gray-800 p-6 rounded-lg shadow-md"><h3 class="text-xl font-semibold mb-4">施工流程图</h3><div class="w-full h-64 bg-gray-100 dark:bg-gray-700 rounded-lg flex items-center justify-center"><div class="text-center text-gray-500 dark:text-gray-400"><i class="fas fa-project-diagram text-4xl mb-2"></i><p>网球场施工流程</div></div></div></div></div></section><section class="section mb-16"><div class="bg-gradient-to-r from-blue-500 to-purple-600 text-white rounded-xl p-8"><h2 class="text-2xl font-bold mb-4">联系方式</h2><p class="mb-6 text-lg">如需了解更多关于成都地区网球场材料及施工服务的信息，请联系：<div class="flex items-center"><i class="fas fa-phone-alt text-2xl mr-4"></i><span class="text-xl font-semibold">185-7145-9135</span></div><div class="mt-8 text-center"><p class="text-lg font-medium">期待与您合作，共同打造优质的网球场地！</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-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></div></footer><script>const themeToggle=document.getElementById(`theme-toggle`);const prefersDarkScheme=window.matchMedia(`(prefers-color-scheme: dark)`);if(prefersDarkScheme.matches){document.body.classList.add(`dark`)};themeToggle.addEventListener(`click`,()=>{document.body.classList.toggle(`dark`)});const observer=new IntersectionObserver(a=>{a.forEach(a=>{if(a.isIntersecting){a.target.classList.add(`visible`)}})},{threshold:0.1});document.querySelectorAll(`.section`).forEach(a=>{observer.observe(a)});const ctx=document.getElementById(`materialChart`).getContext(`2d`);const materialChart=new Chart(ctx,{type:`radar`,data:{labels:[`弹性`,`耐磨性`,`耐紫外线`,`环保性`,`施工难度`,`成本效益`],datasets:[{label:`弹性丙烯酸`,data:[90,85,80,95,70,80],backgroundColor:`rgba(59, 130, 246, 0.2)`,borderColor:`rgba(59, 130, 246, 1)`,pointBackgroundColor:`rgba(59, 130, 246, 1)`,pointBorderColor:`#fff`,pointHoverBackgroundColor:`#fff`,pointHoverBorderColor:`rgba(59, 130, 246, 1)`},{label:`硬地丙烯酸`,data:[70,85,80,90,60,90],backgroundColor:`rgba(129, 140, 248, 0.2)`,borderColor:`rgba(129, 140, 248, 1)`,pointBackgroundColor:`rgba(129, 140, 248, 1)`,pointBorderColor:`#fff`,pointHoverBackgroundColor:`#fff`,pointHoverBorderColor:`rgba(129, 140, 248, 1)`},{label:`硅PU弹性层`,data:[85,90,70,85,65,85],backgroundColor:`rgba(139, 92, 246, 0.2)`,borderColor:`rgba(139, 92, 246, 1)`,pointBackgroundColor:`rgba(139, 92, 246, 1)`,pointBorderColor:`#fff`,pointHoverBackgroundColor:`#fff`,pointHoverBorderColor:`rgba(139, 92, 246, 1)`}]},options:{elements:{line:{borderWidth:3}},scales:{r:{angleLines:{display:!0},suggestedMin:0,suggestedMax:100}}}});const updateChartColors=()=>{const a=document.body.classList.contains(`dark`);const b=a?`#f9fafb`:`#1f2937`;const c=a?`rgba(255, 255, 255, 0.1)`:`rgba(0, 0, 0, 0.1)`;const d=a?`#ffffff`:`#000000`;const e=a?`rgba(255, 255, 255, 0.5)`:`rgba(0, 0, 0, 0.5)`;materialChart.options.scales.r.pointLabels.color=b;materialChart.options.scales.r.grid.color=c;materialChart.options.scales.r.angleLines.color=c;materialChart.options.scales.r.ticks.color=b;materialChart.options.plugins.legend.labels.color=d;materialChart.options.plugins.tooltip.backgroundColor=e;materialChart.options.plugins.tooltip.titleColor=d;materialChart.options.plugins.tooltip.bodyColor=b;materialChart.update()};updateChartColors();themeToggle.addEventListener(`click`,updateChartColors)</script>
</body></html>