增加地面,增加放置区域筛选逻辑
This commit is contained in:
69
index.html
69
index.html
@ -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>
|
||||
|
||||
Reference in New Issue
Block a user