-
-
-
-
+
+
场地总图
-
-
- 在此处插入场地总图的详细说明...
+建造总图
+
+ 
+
+
-
- 建造流程
-
-
- 在此处插入建造流程的详细说明...
-构件表
-
-
-
-
-
-
-
-
diff --git a/css/style.css b/css/style.css
index 6ddbe21..304a9c0 100644
--- a/css/style.css
+++ b/css/style.css
@@ -1385,3 +1385,138 @@ body {
max-height: 50vh;
}
}
+
+/* ========================================
+ 建造模拟 - 构件表专用样式
+ ======================================== */
+
+/* 子板块标题 */
+.subsection {
+ margin-bottom: var(--spacing-xl);
+ padding-bottom: var(--spacing-lg);
+ border-bottom: 2px solid var(--primary-muted);
+}
+
+.subsection:last-child {
+ border-bottom: none;
+}
+
+.subsection-title {
+ font-size: 1.8rem;
+ color: var(--text-primary);
+ margin-bottom: var(--spacing-md);
+ font-weight: 600;
+ letter-spacing: 1px;
+}
+
+/* 上方左图右表布局 */
+.text-image-layout .layout-images img {
+ width: 100%;
+ height: auto;
+ max-height: 500px;
+ object-fit: contain;
+ background: #FFFFFF;
+ border-radius: var(--border-radius);
+ box-shadow: var(--shadow-soft);
+}
+
+.placeholder-text.medium {
+ min-height: 400px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ background: linear-gradient(135deg, var(--primary-muted) 0%, var(--primary-light) 100%);
+ color: var(--primary-dark);
+ font-size: 1.2rem;
+ border-radius: var(--border-radius);
+}
+
+/* 下方横向滑动小图 */
+.image-slider-container {
+ margin-top: var(--spacing-lg);
+}
+
+.slider-hint {
+ text-align: center;
+ color: var(--text-secondary);
+ font-size: 0.9rem;
+ margin-top: var(--spacing-sm);
+ font-style: italic;
+}
+
+.image-slider.construction-gallery .slider-item {
+ width: 250px;
+ flex-shrink: 0;
+}
+
+.image-slider.construction-gallery .slider-item img {
+ width: 100%;
+ height: 200px;
+ object-fit: contain;
+ background: #FFFFFF;
+ border-radius: var(--border-radius);
+ box-shadow: var(--shadow-soft);
+}
+
+.image-slider.construction-gallery .image-caption {
+ font-size: 0.85rem;
+ padding: var(--spacing-xs) 0;
+ border-top: 1px solid var(--primary-muted);
+}
+
+/* 响应式调整 */
+@media (max-width: 1024px) {
+ .text-image-layout {
+ flex-direction: column;
+ }
+
+ .layout-images {
+ width: 100%;
+ }
+
+ .layout-table-right {
+ width: 100%;
+ }
+
+ .text-image-layout .layout-images img {
+ max-height: 400px;
+ }
+
+ .placeholder-text.medium {
+ min-height: 300px;
+ }
+
+ .image-slider.construction-gallery .slider-item {
+ width: 200px;
+ }
+
+ .image-slider.construction-gallery .slider-item img {
+ height: 160px;
+ }
+}
+
+@media (max-width: 768px) {
+ .subsection-title {
+ font-size: 1.5rem;
+ }
+
+ .text-image-layout .layout-images img {
+ max-height: 300px;
+ }
+
+ .placeholder-text.medium {
+ min-height: 250px;
+ }
+
+ .image-slider.construction-gallery .slider-item {
+ width: 180px;
+ }
+
+ .image-slider.construction-gallery .slider-item img {
+ height: 140px;
+ }
+
+ .image-slider.construction-gallery .image-caption {
+ font-size: 0.8rem;
+ }
+}
在此处插入构件表的详细说明...
+ + +
+
+
+
+ 2.1 基座部分
+ + +
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+ | 编号 | +名称 | +规格 | +数量 | +
|---|---|---|---|
| B-01 | 基础梁 | 200×400mm | 12 |
| B-02 | 柱基础 | 500×500mm | 8 |
| B-03 | 地脚螺栓 | M20 | 32 |
| B-04 | 垫层 | C15混凝土 | 1 |
+
+
+
+
+
+ 
+
+
+
+
+ 基座细节图1
+
+ 
+
+
+
+
+ 基座细节图2
+
+ 
+
+
+
+
+ 基座细节图3
+
+ 
+
+
+
+
+ 基座细节图4
+
+ 
+
+
+
+
+ 基座细节图5
+
+ 
+
+
+
+
+ 基座细节图6
+
+ 
+
+
+
+
+ 基座细节图7
+
+ 
+
+
+
+
+ 基座细节图8
+
+
+
+
+ 2.2 主体结构部分
+ + +
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+ | 编号 | +名称 | +规格 | +数量 | +
|---|---|---|---|
| M-01 | 钢柱 | H200×200 | 8 |
| M-02 | 钢梁 | H250×125 | 16 |
| M-03 | 拉索 | Φ12 | 24 |
| M-04 | 连接件 | M16 | 64 |
+
+
+
+
+
+ 
+
+
+
+
+ 主体细节图1
+
+ 
+
+
+
+
+ 主体细节图2
+
+ 
+
+
+
+
+ 主体细节图3
+
+ 
+
+
+
+
+ 主体细节图4
+
+ 
+
+
+
+
+ 主体细节图5
+
+ 
+
+
+
+
+ 主体细节图6
+
+ 
+
+
+
+
+ 主体细节图7
+
+ 
+
+
+
+
+ 主体细节图8
+
+
+
+
+ 2.3 屋面围护部分
+ + +
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+ | 编号 | +名称 | +规格 | +数量 | +
|---|---|---|---|
| R-01 | 屋面板 | 1200×6000mm | 20 |
| R-02 | 檩条 | C160×60 | 40 |
| R-03 | 防水层 | TPO卷材 | 1 |
| R-04 | 保温层 | 岩棉板100mm | 1 |
+
+
+
+
+
+ 
+
+
+
+
+ 屋面细节图1
+
+ 
+
+
+
+
+ 屋面细节图2
+
+ 
+
+
+
+
+ 屋面细节图3
+
+ 
+
+
+
+
+ 屋面细节图4
+
+ 
+
+
+
+
+ 屋面细节图5
+
+ 
+
+
+
+
+ 屋面细节图6
+
+ 
+
+
+
+
+ 屋面细节图7
+
+ 
+
+
+
+
+ 屋面细节图8
+
+
+
+
+ 2.4 墙面围护部分
+ + +
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+ | 编号 | +名称 | +规格 | +数量 | +
|---|---|---|---|
| W-01 | 外墙板 | 1200×3000mm | 48 |
| W-02 | 龙骨 | C75×50 | 96 |
| W-03 | 玻璃窗 | 1500×1800mm | 12 |
| W-04 | 门 | 900×2100mm | 4 |
+
+
+
+
+
+ 
+
+
+
+
+ 墙面细节图1
+
+ 
+
+
+
+
+ 墙面细节图2
+
+ 
+
+
+
+
+ 墙面细节图3
+
+ 
+
+
+
+
+ 墙面细节图4
+
+ 
+
+
+
+
+ 墙面细节图5
+
+ 
+
+
+
+
+ 墙面细节图6
+
+ 
+
+
+
+
+ 墙面细节图7
+
+ 
+
+
+
+
+ 墙面细节图8
+
+
+
+
+ 2.5 温棚部分
+ + +
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+ | 编号 | +名称 | +规格 | +数量 | +
|---|---|---|---|
| G-01 | 骨架 | 镀锌钢管 | 24 |
| G-02 | 覆盖膜 | PO膜0.12mm | 1 |
| G-03 | 通风窗 | 电动开启 | 4 |
| G-04 | 遮阳网 | 外遮阳系统 | 1 |
+
+
+
+
+
+ 
+
+
+
+
+ 温棚细节图1
+
+ 
+
+
+
+
+ 温棚细节图2
+
+ 
+
+
+
+
+ 温棚细节图3
+
+ 
+
+
+
+
+ 温棚细节图4
+
+ 
+
+
+
+
+ 温棚细节图5
+
+ 
+
+
+
+
+ 温棚细节图6
+
+ 
+
+
+
+
+ 温棚细节图7
+
+ 
+
+
+
+
+ 温棚细节图8
+
+
+
+
2.6 设备部分
+ +| 编号 | +设备名称 | +型号规格 | +数量 | +备注 | +
|---|---|---|---|---|
| E-01 | 太阳能光伏板 | 550W单晶 | 20 | 屋顶安装 |
| E-02 | 逆变器 | 10kW | 2 | 室内安装 |
| E-03 | 蓄电池组 | 48V/200Ah | 4 | 储能系统 |
| E-04 | 雨水收集系统 | 5000L | 1 | 地下埋设 |
| E-05 | 净水设备 | RO反渗透 | 1 | 室内安装 |
| E-06 | 供暖设备 | 空气源热泵 | 2 | 室外安装 |
| E-07 | 通风系统 | 新风换气机 | 2 | 吊顶安装 |
| E-08 | 照明系统 | LED智能控制 | 1 | 全屋覆盖 |