yangyuqing/new-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修复construction.html缺失HTML头部结构，完整添加DOCTYPE、head、body、导航栏和页面标题

Browse Source
This commit is contained in:
yangyuqing
2026-06-03 04:57:25 +08:00
parent b7f0c739ef
commit a59928fdc1
35 changed files with 147 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
about.html
View File

@@ -98,7 +98,7 @@
<!-- 页脚 -->
<footer class="footer">
<div class="container">
<p>&copy; 2026 毕业设计展示 | 青藏高原轻钢拉索结构医疗站</p>
<p>&copy; 2026 毕业设计展示 | 雪域阳光方舟 · 高海拔环境乡村医疗服务基站设计与建造研究</p>
</div>
</footer>

74
construction.html
View File

@@ -1,3 +1,77 @@
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- SEO Meta Tags -->
<title>建造模拟 - 轻索方舱 | 高海拔环境乡村医疗服务基站</title>
<meta name="description" content="建造模拟：场地总图、建造流程、构件表">
<meta name="keywords" content="建筑设计,毕业设计,青藏高原,轻钢结构,医疗站,拉索结构,建造模拟">
<meta name="author" content="杨雨晴">
<!-- Open Graph / Social Media Meta Tags -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://solarark.net/g2026/g4/construction.html">
<meta property="og:title" content="建造模拟 - 雪域阳光方舟">
<meta property="og:description" content="建造模拟：场地总图、建造流程、构件表">
<!-- Base Path for Subdirectory Deployment -->
<base href="/g2026/g4/">
<!-- Smart Path Detection - Must run before CSS/JS loading -->
<script>
(function() {
const hostname = window.location.hostname;
// 本地开发环境自动移除 base 标签
if (hostname === 'localhost' || hostname === '127.0.0.1' || hostname === '') {
const baseTag = document.querySelector('base');
if (baseTag) {
baseTag.remove();
console.log('🔧 Local dev mode: base tag removed');
}
}
})();
</script>
<!-- Stylesheet -->
<link rel="stylesheet" href="css/style.css">
<!-- Favicon -->
<!-- <link rel="icon" type="image/png" href="images/favicon.png"> -->
</head>
<body>
<!-- 顶部固定导航栏 -->
<nav class="navbar" id="navbar">
<div class="nav-container">
<div class="nav-logo">毕业设计展示</div>
<ul class="nav-menu" id="navMenu">
<li><a href="index.html" class="nav-link">首页</a></li>
<li><a href="analysis.html" class="nav-link">前期分析</a></li>
<li><a href="design.html" class="nav-link">设计表现</a></li>
<li><a href="drawings.html" class="nav-link">设计图纸</a></li>
<li><a href="performance.html" class="nav-link">性能分析</a></li>
<li><a href="self-sufficiency.html" class="nav-link">自保障设计</a></li>
<li><a href="construction.html" class="nav-link active">建造模拟</a></li>
<li><a href="about.html" class="nav-link">关于项目</a></li>
</ul>
<div class="hamburger" id="hamburger">
<span></span>
<span></span>
<span></span>
</div>
</div>
</nav>
<!-- 页面标题区域 -->
<section class="page-header">
<div class="container">
<h1 class="page-title">建造模拟</h1>
<p class="page-subtitle">Construction Simulation</p>
</div>
</section>
<!-- 内容区域 -->
<!-- 1. 建造总图（一张大图） -->

2
design.html
View File

@@ -158,7 +158,7 @@
<!-- 页脚 -->
<footer class="footer">
<div class="container">
<p>&copy; 2026 毕业设计展示 | 青藏高原轻钢拉索结构医疗站</p>
<p>&copy; 2026 毕业设计展示 | 雪域阳光方舟 · 高海拔环境乡村医疗服务基站设计与建造研究</p>
</div>
</footer>

20
drawings.html
View File

@@ -195,7 +195,8 @@
<!-- 文字说明 -->
<div class="content-block">
<p class="large-text">在此处插入屋面结构单元设计的详细说明...</p>
<p class="large-text">整体钢结构在工厂就焊接为一部分，其中红色，蓝色和部分是预埋在钢结构中的套筒，由套筒伸出耳板作为拉索的锚固点，使局部受力传动到整个网架.</p>
<p class="large-text">四个组装好的网架现场通过螺栓连接在一起，四个连接好的小屋架最终吊装组成整体屋面网架。</p>
</div>
</div>
@@ -210,27 +211,32 @@
<div class="grid-item with-caption">
<img src="images/column-unit-01.jpg" alt="柱身结构图1" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">柱身结构图1</div>
<p class="image-caption">图名标注1</p>
<p class="image-caption">柱头耳板细节</p>
</div>
<div class="grid-item with-caption">
<img src="images/column-unit-02.jpg" alt="柱身结构图2" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">柱身结构图2</div>
<p class="image-caption">图名标注2</p>
<p class="image-caption">柱底耳板细节</p>
</div>
<div class="grid-item with-caption">
<img src="images/column-unit-03.jpg" alt="柱身结构图3" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">柱身结构图3</div>
<p class="image-caption">图名标注3</p>
<p class="image-caption">上下两段柱连接处法兰盘细节</p>
</div>
<div class="grid-item with-caption">
<img src="images/column-unit-04.jpg" alt="柱身结构图4" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">柱身结构图4</div>
<p class="image-caption">图名标注4</p>
<p class="image-caption">圆钢管柱外套筒</p>
</div>
</div>
</div>
<div class="layout-text">
<p class="large-text">在此处插入柱身结构单元设计的详细说明...</p>
<p class="large-text">圆钢管柱规格：Φ219×6mm，L=10m，倾斜20°：</p>
<p class="large-text">分段方式：切为 下段5m + 上段5m。每段两端焊外法兰盘：法兰外径 =Φ320，法兰厚度δ=14mm，螺栓分布圆 Φ280</p>
<p class="large-text">8M20 高强螺栓，均匀分布。</p>
<p class="large-text">法兰与钢管连接处设环形加劲肋。</p>
<p class="large-text">拆分为上下两段，方便运输，利用螺栓现场组装快速。</p>
<p class="large-text">现场安装好钢管柱后，外侧利用定位撑环固定外侧的装饰套筒，套筒处预留耳板传出的位置，既能使柱身更美观，也可以抵御高原日晒对柱身结构的影响。</p>
</div>
</div>
</div>
@@ -240,7 +246,7 @@
<!-- 页脚 -->
<footer class="footer">
<div class="container">
<p>&copy; 2026 毕业设计展示 | 青藏高原轻钢拉索结构医疗站</p>
<p>&copy; 2026 毕业设计展示 | 雪域阳光方舟 · 高海拔环境乡村医疗服务基站设计与建造研究</p>
</div>
</footer>

BIN
images/column-unit-01.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 881 KiB

BIN
images/column-unit-02.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.0 MiB

BIN
images/column-unit-03.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 937 KiB

BIN
images/column-unit-04.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 822 KiB

BIN
images/drawing-elevation-east.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 46 MiB

BIN
images/drawing-elevation-north.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 46 MiB

BIN
images/drawing-elevation-south.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 45 MiB

BIN
images/drawing-elevation-west.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 46 MiB

BIN
images/drawing-section-1.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 585 KiB

BIN
images/drawing-section-2.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 577 KiB

BIN
images/perf-light-01.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 25 KiB

BIN
images/perf-light-02.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 121 KiB

BIN
images/perf-light-03.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 120 KiB

BIN
images/perf-light-04.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 113 KiB

BIN
images/perf-light-annual.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 227 KiB

BIN
images/perf-structure-01.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 30 KiB

BIN
images/perf-structure-02.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 44 KiB

BIN
images/perf-structure-full.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 46 KiB

BIN
images/roof-unit-01.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.2 MiB

BIN
images/roof-unit-02.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.1 MiB

BIN
images/roof-unit-03.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.2 MiB

BIN
images/roof-unit-04.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.7 MiB

BIN
images/self-drainage-01.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 292 KiB

BIN
images/self-drainage-02.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 443 KiB

BIN
images/self-energy-01.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 569 KiB

BIN
images/self-energy-02.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 356 KiB

BIN
images/self-energy-03.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 814 KiB

BIN
images/self-energy-04.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 775 KiB

4
index.html
View File

@@ -15,7 +15,7 @@
<meta property="og:type" content="website">
<meta property="og:url" content="https://solarark.net/g2026/g4/">
<meta property="og:title" content="雪域阳光方舟 - 轻索方舱">
<meta property="og:description" content="青藏高原轻钢拉索结构医疗站 - Approachable Luxury设计理念">
<meta property="og:description" content="雪域阳光方舟 · 高海拔环境乡村医疗服务基站设计与建造研究 - Approachable Luxury设计理念">
<!-- <meta property="og:image" content="images/og-image.jpg"> -->
<!-- Base Path for Subdirectory Deployment -->
@@ -82,7 +82,7 @@
<!-- 页脚 -->
<footer class="footer">
<div class="container">
<p>&copy; 2026 毕业设计展示 | 青藏高原轻钢拉索结构医疗站</p>
<p>&copy; 2026 毕业设计展示 | 雪域阳光方舟 · 高海拔环境乡村医疗服务基站设计与建造研究</p>
</div>
</footer>

79
performance.html
View File

@@ -69,7 +69,7 @@
<!-- 第一段文字 -->
<div class="content-block">
<p class="large-text">在此处插入结构受力分析的第一段详细说明...</p>
<p class="large-text">为了对拉索的受力情况进行模拟分析，采用abaqus软件对12根拉索的内部应力进行有限元分析，模拟拉索的静力加载下的受力情况。本次模拟采用15.2mm钢绞线进行应力分析计算，屋面仅加载重力，根据屋面结构材料及维护材料的质量计算，取加载质量为20t。（其中分析模型单位为cm，t。应力分析结果如下图示意：</p>
</div>
<!-- 受力分析图示（大图横向占满） -->
@@ -80,7 +80,13 @@
<!-- 第二段文字 -->
<div class="content-block">
<p class="large-text">在此处插入结构受力分析的第二段详细说明...</p>
<p class="large-text">选用 公称直径 15.2 mm（可按 15.4 mm 计）高强预应力钢绞线，规格 1×7–1860 级，主要参数如下：</p>
<p class="large-text">·公称直径：d=15.2 mm</p>
<p class="large-text">·有效截面积：A=140 mm²=1.4 cm²</p>
<p class="large-text">·抗拉强度标准值：fptk=1860 MPa</p>
<p class="large-text">·条件屈服强度（0.2%）：fptk≈ 1440 MPa</p>
<p class="large-text">·设计允许应力（按安全系数 K=2.5 ∼ 3.0）：≈620~744MPa</p>
<p class="large-text">结论：根据表中结果，工作应力仅为屈服强度的 25%、为允许应力的 58%，满足强度安全要求。</p>
</div>
<!-- 左侧2张图 + 右侧3列4行表格 -->
@@ -99,16 +105,15 @@
<table class="performance-table">
<thead>
<tr>
<th>参数1</th>
<th>参数2</th>
<th>参数3</th>
<th>位置标识</th>
<th>原值 (吨/(cm·s²))</th>
<th>换算后 (MPa)</th>
</tr>
</thead>
<tbody>
<tr><td>数据1</td><td>数据2</td><td>数据3</td></tr>
<tr><td>数据4</td><td>数据5</td><td>数据6</td></tr>
<tr><td>数据7</td><td>数据8</td><td>数据9</td></tr>
<tr><td>数据10</td><td>数据11</td><td>数据12</td></tr>
<tr><td>OUTPUT-2-1 (Element 2)（图中A索）</td><td>1005.68</td><td>100.57</td></tr>
<tr><td>OUTPUT-2-1 (Element 1)（图中B索）</td><td>3611.58</td><td>361.16</td></tr>
<tr><td>OUTPUT-2-CO1（图中C索）</td><td>1919.43</td><td>191,94</td></tr>
</tbody>
</table>
</div>
@@ -127,29 +132,38 @@
<table class="performance-table wide">
<thead>
<tr>
<th>项目</th>
<th>指标1</th>
<th>指标2</th>
<th>指标3</th>
<th>指标4</th>
<th>层次（由室外到室内）</th>
<th>材料</th>
<th>厚度 d(m)</th>
<th>导热系数 λ(W/(m·K))</th>
<th>热阻 R=d/λ((m²·K)/W)</th>
</tr>
</thead>
<tbody>
<tr><td>项目1</td><td>数据</td><td>数据</td><td>数据</td><td>数据</td></tr>
<tr><td>项目2</td><td>数据</td><td>数据</td><td>数据</td><td>数据</td></tr>
<tr><td>项目3</td><td>数据</td><td>数据</td><td>数据</td><td>数据</td></tr>
<tr><td>项目4</td><td>数据</td><td>数据</td><td>数据</td><td>数据</td></tr>
<tr><td>项目5</td><td>数据</td><td>数据</td><td>数据</td><td>数据</td></tr>
<tr><td>项目6</td><td>数据</td><td>数据</td><td>数据</td><td>数据</td></tr>
<tr><td>项目7</td><td>数据</td><td>数据</td><td>数据</td><td>数据</td></tr>
<tr><td>项目8</td><td>数据</td><td>数据</td><td>数据</td><td>数据</td></tr>
<tr><td>项目9</td><td>数据</td><td>数据</td><td>数据</td><td>数据</td></tr>
<tr><td>项目10</td><td>数据</td><td>数据</td><td>数据</td><td>数据</td></tr>
<tr><td>1</td><td>室外饰面层</td><td>0.010</td><td>0.930</td><td>0.0108</td></tr>
<tr><td>2</td><td>外墙体外侧结构板</td><td>0.015</td><td>0.170</td><td>0.0882</td></tr>
<tr><td>3</td><td>外墙体保温层（岩棉）</td><td>0.170</td><td>0.040</td><td>4.2500</td></tr>
<tr><td>4</td><td>外墙体内侧结构板</td><td>0.015</td><td>0.170</td><td>0.0882</td></tr>
<tr><td>5</td><td>中间层（含C60龙骨）</td><td>0.060</td><td>见分析</td><td>见分析</td></tr>
<tr><td>6</td><td>内墙体外侧结构板</td><td>0.015</td><td>0.170</td><td>0.0882</td></tr>
<tr><td>7</td><td>内墙体保温层（岩棉）</td><td>0.170</td><td>0.040</td><td>4.2500</td></tr>
<tr><td>8</td><td>内墙体内侧结构板</td><td>0.015</td><td>0.170</td><td>0.0882</td></tr>
<tr><td>9</td><td>室内饰面层</td><td>0.015</td><td>0.930</td><td>0.0161</td></tr>
<tr><td>-</td><td>外表面换热阻​ Re</td><td>-</td><td>-</td><td>0.1100</td></tr>
<tr><td>-</td><td>内表面换热阻​ Ri</td><td>-</td><td>-</td><td>0.1200</td></tr>
</tbody>
</table>
</div>
<div class="layout-text-right">
<p class="large-text">在此处插入外围护节能计算的详细说明...</p>
<p class="large-text">在水平方向每1.0m间距中，有0.06m是钢龙骨，其余0.94m是保温填充。</p>
<p class="large-text">即：龙骨在平面中的面积占比 = 0.06 / 1.0 = 6%</p>
<p class="large-text">即：中间层面积中，6% 为钢龙骨（λ = 50 W/(m·K)），94% 为岩棉保温（λ = 0.04 W/(m·K)）。</p>
<p class="large-text">计算得中间层热阻为：</p>
<p class="large-text">钢龙骨部分热阻 R_steel = d / λ = 0.06 / 50 = 0.0012 m·K/W</p>
<p class="large-text">保温部分热阻R_ins = 0.06 / 0.04 = 1.5000 m·K/W</p>
<p class="large-text">=》中间层等效热阻 R_5 = 1 / [ (f_steel / R_steel) + ((1 - f_steel) / R_ins) ]</p>
<p class="large-text">= 1 / [ (0.06 / 0.0012) + (0.94 / 1.5000) ]= 1 / [50 + 0.6267]= 1 / 50.6267 ≈ 0.01975 m·K/W</p>
<p class="large-text">加算得热阻总和约为：9.1295 m·K/W,则传热系数 K = 1 / 9.1295 ≈ 0.1095 W/(m²·K)，高原严寒地区规范K值限值需满足K≤ 0.25，本方案0.1095≤ 0.25，满足条件。</p>
</div>
</div>
</div>
@@ -166,22 +180,22 @@
<div class="slider-item with-caption">
<img src="images/perf-light-01.jpg" alt="光照分析图1" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">光照分析图1</div>
<p class="image-caption">图名标注1</p>
<p class="image-caption">1月15日照度模拟</p>
</div>
<div class="slider-item with-caption">
<img src="images/perf-light-02.jpg" alt="光照分析图2" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">光照分析图2</div>
<p class="image-caption">图名标注2</p>
<p class="image-caption">4月15日照度模拟</p>
</div>
<div class="slider-item with-caption">
<img src="images/perf-light-03.jpg" alt="光照分析图3" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">光照分析图3</div>
<p class="image-caption">图名标注3</p>
<p class="image-caption">7月15日照度模拟</p>
</div>
<div class="slider-item with-caption">
<img src="images/perf-light-04.jpg" alt="光照分析图4" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">光照分析图4</div>
<p class="image-caption">图名标注4</p>
<p class="image-caption">10月15日照度模拟</p>
</div>
</div>
<div class="slider-hint">← 左右滑动查看更多 →</div>
@@ -190,7 +204,10 @@
<!-- 左侧大图 + 右侧文字 -->
<div class="text-image-layout reverse">
<div class="layout-text">
<p class="large-text">在此处插入全年照度平均值的详细说明...</p>
<p class="large-text">根据采光模拟结果，采光效果能很好地与空间功能联系起来。</p>
<p class="large-text">首先作为中心公共空间的健康教育室（候诊区/输液区）在全年都能维持较好的光照，为人群的主要活动中心提供了更好的场景体验，也利于开展公共活动和医生观测患者状况。</p>
<p class="large-text">第二，病房、急救室、操作间、诊疗室、治疗室都分布在采光较好的南侧，利于医生进行操作。</p>
<p class="large-text">第三，采光差的暗房，布局储藏室和医废储藏间，符合“辅助用房适度采光、储藏室低照度”的实用逻辑。</p>
</div>
<div class="layout-image-single">
<img src="images/perf-light-annual.jpg" alt="全年照度平均值" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
@@ -203,7 +220,7 @@
<!-- 页脚 -->
<footer class="footer">
<div class="container">
<p>&copy; 2026 毕业设计展示 | 青藏高原轻钢拉索结构医疗站</p>
<p>&copy; 2026 毕业设计展示 | 雪域阳光方舟 · 高海拔环境乡村医疗服务基站设计与建造研究</p>
</div>
</footer>

13
self-sufficiency.html
View File

@@ -69,7 +69,8 @@
<!-- 第一段文字 -->
<div class="content-block">
<p class="large-text">在此处插入建筑能源系统综合分析的第一段详细说明...</p>
<p class="large-text">基于建筑12个月的能耗模拟数据，得到建筑月度能耗构成柱状图（下方左图），供暖用电是最大能耗来源，冬季显著高于夏季；光伏发电能力存在月度波动，春秋季节发电能力显著。</p>
<p class="large-text">分析能源消耗与能源产出的数据关系，得到下方右图。可以发现，4-9月是能源盈余期，光伏发电量超过总能耗，可与村子其他建筑电网相连补贴村内其他建筑用电；11-次年2月是能源缺口期，特别是1月，存在约6,088.1 kWh的能源缺口，需考虑增加光伏板面积，可放在建筑基座南面的温棚上，或是通过柴油发电机填补电力亏空。</p>
</div>
<!-- 两张图并排（带图名） -->
@@ -88,7 +89,8 @@
<!-- 第二段文字 -->
<div class="content-block">
<p class="large-text">在此处插入建筑能源系统综合分析的第二段详细说明...</p>
<p class="large-text">对于24片光电板发电情况的模拟数据分析，得到各光伏板发电量情况，年度总发电量为78,564.93 kWh，平均单机发电量为3,273.54 kWh。发电机之间存在一定性能差异（最大相差约1,028.31 kWh），前10台发电机贡献了约54.2%的总发电量，系统整体发电性能良好。</p>
<p class="large-text">取1月1日作为典型日分析一天中的能耗供需变化曲线，其中供暖用电呈现明显的日变化，夜间用电量显著高于白天，而伏发电遵循日照规律，在中午时段达到峰值。才用储能砖块可以把光伏板日间的发电量转化为热量储存起来，供给夜晚使用。</p>
</div>
<!-- 两张图并排（带图名） -->
@@ -114,7 +116,8 @@
<!-- 文字说明 -->
<div class="content-block">
<p class="large-text">在此处插入排水系统设计的详细说明...</p>
<p class="large-text">关于排水系统的设计：平面图中A屋面的水汇入a外天沟，B屋面的水汇入b内天沟。a天沟内的水流向两侧的Ⅰ管和Ⅱ管，收集至地下一层的储水系统内，可用于浇灌温室。b天沟内的水向两侧汇入【1】和【4】外天沟，也分别汇入Ⅰ管和Ⅱ管中收集至地下层。</p>
<p class="large-text">蓝色圆圈标记处为外天沟打断点，打断处需穿过伸出屋面的拉索耳板。</p>
</div>
<!-- 两张图并排（带图名） -->
@@ -122,12 +125,12 @@
<div class="image-item">
<img src="images/self-drainage-01.jpg" alt="排水系统图1" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text medium" style="display:none;">排水系统图1</div>
<p class="image-caption">图名标注1</p>
<p class="image-caption">屋面排水内外天沟平面示意图</p>
</div>
<div class="image-item">
<img src="images/self-drainage-02.jpg" alt="排水系统图2" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text medium" style="display:none;">排水系统图2</div>
<p class="image-caption">图名标注2</p>
<p class="image-caption">屋面排水内外天沟及预埋管西南等角视图</p>
</div>
</div>
</div>