增加地面,增加放置区域筛选逻辑

This commit is contained in:
2026-05-21 09:56:13 +08:00
parent b5b70251e2
commit c504fca3de
10 changed files with 377 additions and 35 deletions

View File

@ -15,7 +15,7 @@
body {
font-family: Arial, sans-serif;
overflow: hidden;
background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
background-color: rgb(255, 255, 255);
}
#app {
@ -336,8 +336,10 @@
<!-- 标签页容器 -->
<div class="tabs-container">
<div class="tabs-header">
<button class="tab-btn active" data-tab="size-1013">10x13 尺寸</button>
<button class="tab-btn" data-tab="size-1010">10x10 尺寸</button>
<button class="tab-btn active" data-tab="size-1013">10x13</button>
<button class="tab-btn" data-tab="size-1010">10x10</button>
<button class="tab-btn" data-tab="size-1020">10x20</button>
<button class="tab-btn" data-tab="size-1012">10x12</button>
</div>
<!-- 10x13 尺寸配置 -->
@ -367,8 +369,6 @@
<div class="option-group">
<button class="option-btn" data-option="color-1">SPFPDS13FTW</button>
<button class="option-btn" data-option="color-2">SPFPDS13FTC</button>
<button class="option-btn" data-option="color-3">SPFPDS10FTW</button>
<button class="option-btn" data-option="color-4">SPFPDS10FTC</button>
</div>
</div>
</div>
@ -405,6 +405,65 @@
</div>
</div>
</div>
<!-- 10x20 尺寸配置 -->
<div class="tab-content" id="tab-size-1020">
<!-- 棚子尺寸 -->
<div class="config-category">
<div class="category-header active" data-category="size-1020">
<span class="category-title">棚子尺寸</span>
<span class="category-arrow expanded"></span>
</div>
<div class="category-content expanded">
<div class="option-group">
<button class="option-btn" data-option="size-7">SPF111S1020C</button>
</div>
</div>
</div>
<!-- 百叶 -->
<div class="config-category">
<div class="category-header active" data-category="louver-1020">
<span class="category-title">百叶</span>
<span class="category-arrow expanded"></span>
</div>
<div class="category-content expanded">
<div class="option-group">
<button class="option-btn" data-option="color-5">SPFPDS10FTW</button>
<button class="option-btn" data-option="color-6">SPFPDS10FTC</button>
</div>
</div>
</div>
</div>
<!-- 10x12 尺寸配置 -->
<div class="tab-content" id="tab-size-1012">
<!-- 棚子尺寸 -->
<div class="config-category">
<div class="category-header active" data-category="size-1012">
<span class="category-title">棚子尺寸</span>
<span class="category-arrow expanded"></span>
</div>
<div class="category-content expanded">
<div class="option-group">
<button class="option-btn" data-option="size-10">SPF88S1012C</button>
</div>
</div>
</div>
<!-- 百叶 -->
<div class="config-category">
<div class="category-header active" data-category="louver-1012">
<span class="category-title">百叶</span>
<span class="category-arrow expanded"></span>
</div>
<div class="category-content expanded">
<div class="option-group">
<button class="option-btn" data-option="color-7">SPF80CS12FTC</button>
</div>
</div>
</div>
</div>
</div>
<button id="hotspot-btn">生成热点</button>