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

新增结构单元拆解板块（屋面4图+柱身图文2:1），重构性能分析3板块（受力分析/节能计算/光环境）

Browse Source
This commit is contained in:
yangyuqing
2026-06-02 23:42:32 +08:00
parent e856615c60
commit 02b36ee131
9 changed files with 487 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

104
drawings.html
View File

@@ -164,6 +164,110 @@
</div>
</section>
<!-- 结构单元拆解 -->
<section class="section section-alt" id="structure-units">
<div class="container">
<h2 class="section-title">结构单元拆解</h2>
<!-- 1. 屋面结构单元设计拆解（4张图，2×2排列） -->
<div class="subsection">
<h3 class="subsection-title">屋面结构单元设计拆解</h3>
<!-- 4张图片 2×2排列 -->
<div class="image-grid-2x2">
<div class="grid-item">
<img src="images/roof-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>
</div>
<div class="grid-item">
<img src="images/roof-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>
</div>
<div class="grid-item">
<img src="images/roof-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>
</div>
<div class="grid-item">
<img src="images/roof-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>
</div>
</div>
<!-- 文字说明 -->
<div class="content-block">
<p class="large-text">在此处插入屋面结构单元设计的详细说明...</p>
</div>
</div>
<!-- 2. 柱身结构单元设计拆解（文字在右，图片在左，比例2:1） -->
<div class="subsection">
<h3 class="subsection-title">柱身结构单元设计拆解</h3>
<!-- 第一段文字 + 4张图 -->
<div class="text-image-layout">
<div class="layout-images">
<div class="image-grid-2x2">
<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>
</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>
</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>
</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>
</div>
</div>
</div>
<div class="layout-text">
<p class="large-text">在此处插入柱身结构单元设计的第一段详细说明...</p>
</div>
</div>
<!-- 第二段文字 + 4张图 -->
<div class="text-image-layout">
<div class="layout-images">
<div class="image-grid-2x2">
<div class="grid-item with-caption">
<img src="images/column-unit-05.jpg" alt="柱身结构图5" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">柱身结构图5</div>
<p class="image-caption">图名标注5</p>
</div>
<div class="grid-item with-caption">
<img src="images/column-unit-06.jpg" alt="柱身结构图6" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">柱身结构图6</div>
<p class="image-caption">图名标注6</p>
</div>
<div class="grid-item with-caption">
<img src="images/column-unit-07.jpg" alt="柱身结构图7" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">柱身结构图7</div>
<p class="image-caption">图名标注7</p>
</div>
<div class="grid-item with-caption">
<img src="images/column-unit-08.jpg" alt="柱身结构图8" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">柱身结构图8</div>
<p class="image-caption">图名标注8</p>
</div>
</div>
</div>
<div class="layout-text">
<p class="large-text">在此处插入柱身结构单元设计的第二段详细说明...</p>
</div>
</div>
</div>
</div>
</section>
<!-- 页脚 -->
<footer class="footer">
<div class="container">