文本查看器


<!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='篮球场围网立柱间距技术指南'><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:#0070f3;--secondary:#6b7280;--accent:#6366f1;--background-light:#fff;--text-light:#1f2937;--background-dark:#111827;--text-dark:#f3f4f6}body{font-family:Noto Sans SC,sans-serif;transition:background-color .3s,color .3s}.dark{background-color:var(--background-dark);color:var(--text-dark)}.light{background-color:var(--background-light);color:var(--text-light)}.card{transition:transform .3s,box-shadow .3s}.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{animation:.8s ease-in fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.table-container{overflow-x:auto}.chart-container{width:较高;height:300px;position:relative}.progress-bar{border-radius:4px;height:8px;transition:width 1s ease-in-out}</style></head><body class=light><div class="min-h-screen flex flex-col"><nav class="sticky top-0 z-50 bg-white dark:bg-gray-900 shadow-md transition-all duration-300"><div class="container mx-auto px-4 py-3 flex justify-between items-center"><div class="flex items-center space-x-2"><i class="fas fa-basketball text-blue-600 dark:text-blue-400 text-2xl"></i><h1 class="text-xl font-bold">篮球场围网技术指南</h1></div><div class="flex items-center space-x-4"><button class="p-2 rounded-full hover:bg-gray-200 dark:hover:bg-gray-700 transition-colors"id=theme-toggle><i class="fas fa-moon dark:hidden"></i> <i class="fas fa-sun hidden dark:block text-yellow-300"></i></button><button class="hidden md:block bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded-md transition-colors btn"><i class="fas fa-download mr-2"></i>下载文档</button></div></div></nav><main class="flex-grow container mx-auto px-4 py-8"><div class="text-center mb-12 fade-in"><h1 class="text-3xl md:text-4xl font-bold mb-4">篮球场围网立柱间距技术指南</h1><p class="text-gray-600 dark:text-gray-400">作者：湖北优正体育<p class="text-gray-600 dark:text-gray-400">联系电话：185-7145-9135</div><div class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-12"><div class="card bg-white dark:bg-gray-800 rounded-xl shadow-lg p-6 fade-in"style=animation-delay:.1s><div class="flex items-center justify-between mb-4"><h3 class="text-lg font-semibold">标准间距</h3><i class="fas fa-ruler-combined text-blue-500 text-xl"></i></div><p class="text-gray-700 dark:text-gray-300">推荐立柱间距为<span class="font-bold text-blue-600 dark:text-blue-400">2m-3m</span>，以确保围网结构安全稳定。<div class="mt-4 w-full bg-gray-200 dark:bg-gray-700 rounded-full"><div class="progress-bar bg-blue-600 dark:bg-blue-500"style=width:75%></div></div><div class="flex justify-between mt-1 text-sm text-gray-600 dark:text-gray-400"><span>2m</span><span>3m</span></div></div><div class="card bg-white dark:bg-gray-800 rounded-xl shadow-lg p-6 fade-in"style=animation-delay:.2s><div class="flex items-center justify-between mb-4"><h3 class="text-lg font-semibold">场地尺寸</h3><i class="fas fa-vector-square text-green-500 text-xl"></i></div><p class="text-gray-700 dark:text-gray-300">标准篮球场尺寸为<span class="font-bold text-green-600 dark:text-green-400">28m × 15m</span>，周长86m。<div class="mt-4 aspect-video bg-gray-200 dark:bg-gray-700 rounded-lg flex items-center justify-center"><i class="fas fa-basketball text-4xl text-gray-500 dark:text-gray-400"></i></div></div><div class="card bg-white dark:bg-gray-800 rounded-xl shadow-lg p-6 fade-in"style=animation-delay:.3s><div class="flex items-center justify-between mb-4"><h3 class="text-lg font-semibold">材料要求</h3><i class="fas fa-tools text-yellow-500 text-xl"></i></div><p class="text-gray-700 dark:text-gray-300">立柱采用<span class="font-bold text-yellow-600 dark:text-yellow-400">Φ76mm热镀锌圆管</span>，壁厚≥2.5mm。<div class="mt-4 space-y-2"><div class="flex items-center"><span class="w-24 text-sm">立柱直径：</span><span class="font-medium text-yellow-600 dark:text-yellow-400">Φ76mm</span></div><div class="flex items-center"><span class="w-24 text-sm">壁厚要求：</span><span class="font-medium text-yellow-600 dark:text-yellow-400">≥2.5mm</span></div><div class="flex items-center"><span class="w-24 text-sm">网孔尺寸：</span><span class="font-medium text-yellow-600 dark:text-yellow-400">50mm×50mm</span></div></div></div></div><div class="grid grid-cols-1 lg:grid-cols-2 gap-8 mb-12"><div class="bg-white dark:bg-gray-800 rounded-xl shadow-lg p-6 fade-in"style=animation-delay:.4s><h2 class="text-xl font-bold mb-6 flex items-center"><i class="fas fa-book-open text-blue-500 mr-2"></i> 立柱间距的设计依据</h2><div class=space-y-4><div><h3 class="font-semibold text-lg mb-2">国家及行业标准</h3><ul class="list-disc list-inside space-y-2 text-gray-700 dark:text-gray-300 ml-4"><li>《GB/T 34279-2017》及《GB 19272-2011》对围网结构提出了立柱间距不大于3m的要求，以保证围网整体刚度和抗风性能。<li>多地招标文件和技术规范均将立柱间距明确为<span class=font-bold>3m</span>，如河南科技大学项目、南京农业大学设计、连云港市政府采购文件等。</ul></div><div><h3 class="font-semibold text-lg mb-2">实际施工经验</h3><ul class="list-disc list-inside space-y-2 text-gray-700 dark:text-gray-300 ml-4"><li>常规施工中，立柱间距一般取<span class=font-bold>2m-3m</span>，在场地宽度受限或需要增强局部支撑时可适当缩小间距。<li>对于大型室外场馆，推荐采用<span class=font-bold>3m</span>的统一间距，以兼顾材料利用率和结构安全性。</ul></div></div></div><div class="bg-white dark:bg-gray-800 rounded-xl shadow-lg p-6 fade-in"style=animation-delay:.5s><h2 class="text-xl font-bold mb-6 flex items-center"><i class="fas fa-chart-line text-purple-500 mr-2"></i> 立柱间距的影响因素</h2><div class=table-container><table class="min-w-full divide-y divide-gray-200 dark:divide-gray-700"><thead><tr><th class="px-4 py-3 bg-gray-50 dark:bg-gray-700 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider">影响因素<th class="px-4 py-3 bg-gray-50 dark:bg-gray-700 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider">说明<th class="px-4 py-3 bg-gray-50 dark:bg-gray-700 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider">推荐取值<tbody class="bg-white dark:bg-gray-800 divide-y divide-gray-200 dark:divide-gray-700"><tr><td class="px-4 py-3 whitespace-nowrap text-sm font-medium">场地尺寸<td class="px-4 py-3 whitespace-nowrap text-sm text-gray-700 dark:text-gray-300">场地周长决定立柱总数，间距过大易导致网面松弛，过小则增加材料成本<td class="px-4 py-3 whitespace-nowrap text-sm text-gray-700 dark:text-gray-300">2.5m-3m<tr><td class="px-4 py-3 whitespace-nowrap text-sm font-medium">风荷载<td class="px-4 py-3 whitespace-nowrap text-sm text-gray-700 dark:text-gray-300">风力较大的地区可适当减小间距，提高抗风刚度<td class="px-4 py-3 whitespace-nowrap text-sm text-gray-700 dark:text-gray-300">≤3m<tr><td class="px-4 py-3 whitespace-nowrap text-sm font-medium">地基条件<td class="px-4 py-3 whitespace-nowrap text-sm text-gray-700 dark:text-gray-300">土质松软时建议缩短间距，增强立柱受力<td class="px-4 py-3 whitespace-nowrap text-sm text-gray-700 dark:text-gray-300">≤3m<tr><td class="px-4 py-3 whitespace-nowrap text-sm font-medium">网孔尺寸与网丝直径<td class="px-4 py-3 whitespace-nowrap text-sm text-gray-700 dark:text-gray-300">大网孔或粗网丝对支撑要求更高<td class="px-4 py-3 whitespace-nowrap text-sm text-gray-700 dark:text-gray-300">≤3m</table></div></div></div><div class="grid grid-cols-1 lg:grid-cols-2 gap-8 mb-12"><div class="bg-white dark:bg-gray-800 rounded-xl shadow-lg p-6 fade-in"style=animation-delay:.6s><h2 class="text-xl font-bold mb-6 flex items-center"><i class="fas fa-calculator text-green-500 mr-2"></i> 立柱间距的计算方法</h2><div class=space-y-6><div><h3 class="font-semibold text-lg mb-2">1. 确定场地周长</h3><p class="text-gray-700 dark:text-gray-300">场地标准尺寸为<span class=font-bold>28m × 15m</span>（单场），周长<span class=font-bold>86m</span>。</div><div><h3 class="font-semibold text-lg mb-2">2. 选取间距</h3><p class="text-gray-700 dark:text-gray-300">采用<span class=font-bold>3m</span>为基准，计算所需立柱数：<div class="bg-gray-100 dark:bg-gray-700 p-4 rounded-lg my-2"><p class="text-center font-mono">N = ⌈周长/间距⌉ = ⌈86/3⌉ = 29根</div></div><div><h3 class="font-semibold text-lg mb-2">3. 校核结构刚度</h3><p class="text-gray-700 dark:text-gray-300">依据《运动场金属围网通用技术要求》对立柱截面、壁厚、材料强度进行校核，确保在较大风压下位移≤5mm。</div></div><div class="mt-8 chart-container"><canvas id=pillarChart></canvas></div></div><div class="bg-white dark:bg-gray-800 rounded-xl shadow-lg p-6 fade-in"style=animation-delay:.7s><h2 class="text-xl font-bold mb-6 flex items-center"><i class="fas fa-hammer text-red-500 mr-2"></i> 立柱安装要点</h2><div class=space-y-4><div class=flex><div class="flex-shrink-0 h-10 w-10 rounded-full bg-blue-100 dark:bg-blue-900 flex items-center justify-center"><span class="text-blue-600 dark:text-blue-300 font-bold">1</span></div><div class=ml-4><h3 class="text-lg font-medium">定位放线</h3><p class="text-gray-700 dark:text-gray-300 mt-1">按计算好的间距在场地四周做标记，确保每根立柱中心点间距精准。</div></div><div class=flex><div class="flex-shrink-0 h-10 w-10 rounded-full bg-blue-100 dark:bg-blue-900 flex items-center justify-center"><span class="text-blue-600 dark:text-blue-300 font-bold">2</span></div><div class=ml-4><h3 class="text-lg font-medium">基坑开挖</h3><p class="text-gray-700 dark:text-gray-300 mt-1">基坑深度<span class=font-bold>≥400mm</span>，底面尺寸<span class=font-bold>≥400mm×400mm</span>，满足混凝土浇筑需求。</div></div><div class=flex><div class="flex-shrink-0 h-10 w-10 rounded-full bg-blue-100 dark:bg-blue-900 flex items-center justify-center"><span class="text-blue-600 dark:text-blue-300 font-bold">3</span></div><div class=ml-4><h3 class="text-lg font-medium">立柱埋设</h3><p class="text-gray-700 dark:text-gray-300 mt-1">采用<span class=font-bold>Φ76mm</span>热镀锌圆管，壁厚<span class=font-bold>≥2.5mm</span>，垂直度误差不超过<span class=font-bold>5mm</span>。</div></div><div class=flex><div class="flex-shrink-0 h-10 w-10 rounded-full bg-blue-100 dark:bg-blue-900 flex items-center justify-center"><span class="text-blue-600 dark:text-blue-300 font-bold">4</span></div><div class=ml-4><h3 class="text-lg font-medium">混凝土灌注</h3><p class="text-gray-700 dark:text-gray-300 mt-1">使用<span class=font-bold>C20</span>以上强度混凝土，确保立柱固定牢靠。</div></div><div class=flex><div class="flex-shrink-0 h-10 w-10 rounded-full bg-blue-100 dark:bg-blue-900 flex items-center justify-center"><span class="text-blue-600 dark:text-blue-300 font-bold">5</span></div><div class=ml-4><h3 class="text-lg font-medium">横杆与网片安装</h3><p class="text-gray-700 dark:text-gray-300 mt-1">横杆直径<span class=font-bold>Φ60mm</span>，与立柱通过卡扣或焊接连接，网片采用<span class=font-bold>50mm×50mm</span>网孔、网丝径<span class=font-bold>≥3.8mm</span>，并进行包塑处理。</div></div></div></div></div><div class="grid grid-cols-1 lg:grid-cols-2 gap-8 mb-12"><div class="bg-white dark:bg-gray-800 rounded-xl shadow-lg p-6 fade-in"style=animation-delay:.8s><h2 class="text-xl font-bold mb-6 flex items-center"><i class="fas fa-clipboard-check text-indigo-500 mr-2"></i> 质量检验与维护</h2><div class=space-y-4><div class="flex items-start"><div class="flex-shrink-0 h-10 w-10 rounded-full bg-indigo-100 dark:bg-indigo-900 flex items-center justify-center"><i class="fas fa-search text-indigo-600 dark:text-indigo-300"></i></div><div class=ml-4><h3 class="text-lg font-medium">现场检测</h3><p class="text-gray-700 dark:text-gray-300 mt-1">立柱垂直度、横杆水平度、网片张力均需使用水平仪和张力计进行校验。</div></div><div class="flex items-start"><div class="flex-shrink-0 h-10 w-10 rounded-full bg-indigo-100 dark:bg-indigo-900 flex items-center justify-center"><i class="fas fa-shield-alt text-indigo-600 dark:text-indigo-300"></i></div><div class=ml-4><h3 class="text-lg font-medium">防腐检查</h3><p class="text-gray-700 dark:text-gray-300 mt-1">每年对热镀锌表面进行目视检查，发现锈蚀及时补涂防锈漆。</div></div><div class="flex items-start"><div class="flex-shrink-0 h-10 w-10 rounded-full bg-indigo-100 dark:bg-indigo-900 flex items-center justify-center"><i class="fas fa-sliders-h text-indigo-600 dark:text-indigo-300"></i></div><div class=ml-4><h3 class="text-lg font-medium">张力调节</h3><p class="text-gray-700 dark:text-gray-300 mt-1">网片张力应保持在<span class=font-bold>30N-40N</span>，防止松弛导致球体外飞。</div></div></div></div><div class="bg-white dark:bg-gray-800 rounded-xl shadow-lg p-6 fade-in"style=animation-delay:.9s><h2 class="text-xl font-bold mb-6 flex items-center"><i class="fas fa-question-circle text-orange-500 mr-2"></i> 常见问题（FAQ）</h2><div class=space-y-4><div class="border border-gray-200 dark:border-gray-700 rounded-lg overflow-hidden"><button class="w-full flex justify-between items-center p-4 text-left focus:outline-none"id=faq1-btn><span class=font-medium>立柱间距可以小于2m吗？</span> <i class="fas fa-chevron-down text-gray-500 dark:text-gray-400 transition-transform"></i></button><div class="p-4 bg-gray-50 dark:bg-gray-700 border-t border-gray-200 dark:border-gray-600 hidden"id=faq1-content><p class="text-gray-700 dark:text-gray-300">在特殊场地（如风力较大或地基不稳）可适当缩小间距，但需重新进行结构刚度校核。</div></div><div class="border border-gray-200 dark:border-gray-700 rounded-lg overflow-hidden"><button class="w-full flex justify-between items-center p-4 text-left focus:outline-none"id=faq2-btn><span class=font-medium>立柱间距若为2.5m，材料成本会增加多少？</span> <i class="fas fa-chevron-down text-gray-500 dark:text-gray-400 transition-transform"></i></button><div class="p-4 bg-gray-50 dark:bg-gray-700 border-t border-gray-200 dark:border-gray-600 hidden"id=faq2-content><p class="text-gray-700 dark:text-gray-300">立柱数量约增加<span class=font-bold>10%</span>，相应材料费用亦随之上升，具体需根据项目预算核算。</div></div><div class="border border-gray-200 dark:border-gray-700 rounded-lg overflow-hidden"><button class="w-full flex justify-between items-center p-4 text-left focus:outline-none"id=faq3-btn><span class=font-medium>是否必须使用Φ76mm的立柱？</span> <i class="fas fa-chevron-down text-gray-500 dark:text-gray-400 transition-transform"></i></button><div class="p-4 bg-gray-50 dark:bg-gray-700 border-t border-gray-200 dark:border-gray-600 hidden"id=faq3-content><p class="text-gray-700 dark:text-gray-300">该规格为行业通用较小尺寸，满足《GB 19272-2011》安全要求；若采用更大直径可提升整体刚度。</div></div></div></div></div><div class="bg-white dark:bg-gray-800 rounded-xl shadow-lg p-6 mb-12 fade-in"style=animation-delay:1s><h2 class="text-xl font-bold mb-6 flex items-center"><i class="fas fa-project-diagram text-teal-500 mr-2"></i> 项目实施流程概览</h2><div class=relative><div class="absolute left-0 md:left-1/2 h-full w-0.5 bg-gray-200 dark:bg-gray-700 transform md:translate-x-[-0.5px]"></div><div class="relative flex flex-col md:flex-row items-center mb-8"><div class="flex md:w-1/2 justify-end md:pr-8 mb-4 md:mb-0"><div class="bg-blue-500 text-white rounded-lg p-4 shadow-md w-full md:w-5/12"><h3 class="font-bold mb-2">1. 需求调研</h3><p class=text-sm>场地测绘、风荷载评估</div></div><div class="hidden md:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 w-6 h-6 rounded-full bg-blue-500 border-4 border-white dark:border-gray-800 z-10"></div><div class="md:w-1/2 md:pl-8"></div></div><div class="relative flex flex-col md:flex-row items-center mb-8"><div class="md:w-1/2 md:pr-8"></div><div class="hidden md:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 w-6 h-6 rounded-full bg-blue-500 border-4 border-white dark:border-gray-800 z-10"></div><div class="flex md:w-1/2 md:pl-8"><div class="bg-blue-500 text-white rounded-lg p-4 shadow-md w-full md:w-5/12"><h3 class="font-bold mb-2">2. 方案设计</h3><p class=text-sm>立柱间距、材料选型、结构计算</div></div></div><div class="relative flex flex-col md:flex-row items-center mb-8"><div class="flex md:w-1/2 justify-end md:pr-8 mb-4 md:mb-0"><div class="bg-blue-500 text-white rounded-lg p-4 shadow-md w-full md:w-5/12"><h3 class="font-bold mb-2">3. 招标采购</h3><p class=text-sm>按标准选型，确保供应商提供CMA、CNAS检测报告</div></div><div class="hidden md:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 w-6 h-6 rounded-full bg-blue-500 border-4 border-white dark:border-gray-800 z-10"></div><div class="md:w-1/2 md:pl-8"></div></div><div class="relative flex flex-col md:flex-row items-center mb-8"><div class="md:w-1/2 md:pr-8"></div><div class="hidden md:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 w-6 h-6 rounded-full bg-blue-500 border-4 border-white dark:border-gray-800 z-10"></div><div class="flex md:w-1/2 md:pl-8"><div class="bg-blue-500 text-white rounded-lg p-4 shadow-md w-full md:w-5/12"><h3 class="font-bold mb-2">4. 现场施工</h3><p class=text-sm>基坑开挖、立柱预埋、横杆安装、网片挂设</div></div></div><div class="relative flex flex-col md:flex-row items-center mb-8"><div class="flex md:w-1/2 justify-end md:pr-8 mb-4 md:mb-0"><div class="bg-blue-500 text-white rounded-lg p-4 shadow-md w-full md:w-5/12"><h3 class="font-bold mb-2">5. 质量验收</h3><p class=text-sm>结构刚度、垂直度、张力、防腐检查</div></div><div class="hidden md:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 w-6 h-6 rounded-full bg-blue-500 border-4 border-white dark:border-gray-800 z-10"></div><div class="md:w-1/2 md:pl-8"></div></div><div class="relative flex flex-col md:flex-row items-center"><div class="md:w-1/2 md:pr-8"></div><div class="hidden md:block absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 w-6 h-6 rounded-full bg-blue-500 border-4 border-white dark:border-gray-800 z-10"></div><div class="flex md:w-1/2 md:pl-8"><div class="bg-blue-500 text-white rounded-lg p-4 shadow-md w-full md:w-5/12"><h3 class="font-bold mb-2">6. 后期维护</h3><p class=text-sm>定期检查、张力调节、腐蚀防护</div></div></div></div></div><div class="bg-gradient-to-r from-blue-500 to-purple-600 rounded-xl shadow-lg p-6 text-white mb-12 fade-in"style=animation-delay:1.1s><h2 class="text-xl font-bold mb-4 flex items-center"><i class="fas fa-check-circle mr-2"></i> 小结</h2><p class="leading-relaxed opacity-90">篮球场围网的立柱间距是确保围网安全、稳固和经济的重要参数。行业标准普遍规定<span class=font-bold>立柱间距≤3m</span>，实际施工中常取<span class=font-bold>2m-3m</span>之间，根据场地尺寸、风荷载、地基条件等因素进行适当调整。合理的间距设计配合规范的基坑、立柱、横杆及网片安装，可实现围网的长期可靠运行，保障球场使用安全。</div></main><footer class="bg-gray-100 dark:bg-gray-900 py-8 transition-colors duration-300"><div class="container mx-auto px-4"><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">作者： 优正体育吴杰185-7145-9135<p class="text-gray-600 dark:text-gray-400">原文作者: 湖北优正体育<p class="text-gray-600 dark:text-gray-400">联系电话: 185-7145-9135</div><div class="flex space-x-4"><a class="text-gray-600 dark:text-gray-400 hover:text-blue-600 dark:hover:text-blue-400 transition-colors"href=#> <i class="fab fa-weixin text-xl"></i> </a><a class="text-gray-600 dark:text-gray-400 hover:text-blue-600 dark:hover:text-blue-400 transition-colors"href=#> <i class="fab fa-weibo text-xl"></i> </a><a class="text-gray-600 dark:text-gray-400 hover:text-blue-600 dark:hover:text-blue-400 transition-colors"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;if(window.matchMedia&&window.matchMedia(`(prefers-color-scheme: dark)`).matches){body.classList.remove(`light`);body.classList.add(`dark`)};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 faqButtons=document.querySelectorAll(`[id^="faq"]-btn`);faqButtons.forEach(a=>{let b=`hidden`,c=`rotate-0`,d=`rotate-180`;a.addEventListener(`click`,()=>{const e=a.nextElementSibling;const f=a.querySelector(`i`);if(e.classList.contains(b)){e.classList.remove(b);f.classList.add(d);f.classList.remove(c)}else{e.classList.add(b);f.classList.add(c);f.classList.remove(d)}})});const ctx=document.getElementById(`pillarChart`).getContext(`2d`);const pillarChart=new Chart(ctx,{type:`bar`,data:{labels:[`2m`,`2.5m`,`3m`,`3.5m`],datasets:[{label:`所需立柱数量`,data:[43,35,29,25],backgroundColor:[`rgba(54, 162, 235, 0.6)`,`rgba(54, 162, 235, 0.7)`,`rgba(54, 162, 235, 0.8)`,`rgba(54, 162, 235, 0.9)`],borderColor:[`rgba(54, 162, 235, 1)`,`rgba(54, 162, 235, 1)`,`rgba(54, 162, 235, 1)`,`rgba(54, 162, 235, 1)`],borderWidth:1}]},options:{responsive:!0,maintainAspectRatio:!1,plugins:{legend:{display:!1},tooltip:{callbacks:{label:(a=>`${a.dataset.label}: ${a.raw}根`)}}},scales:{y:{beginAtZero:!0,title:{display:!0,text:`立柱数量`}},x:{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=>{a.style.opacity=0;a.style.transform=`translateY(20px)`;a.style.transition=`opacity 0.8s ease, transform 0.8s ease`;observer.observe(a)})</script>
</body></html>