优化设计图纸布局:立面图/剖面图单列展示,总平面/平面图高度增加25%

This commit is contained in:
2026-06-03 00:18:55 +08:00
parent 92afe8d88c
commit cbb655274b
2 changed files with 98 additions and 18 deletions

View File

@@ -64,7 +64,7 @@
<section class="section" id="site-plan">
<div class="container">
<h2 class="section-title">总平面图</h2>
<div class="drawing-full">
<div class="drawing-full enlarged">
<img src="images/drawing-siteplan.jpg" alt="总平面图" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text large" style="display:none;">总平面图</div>
</div>
@@ -75,21 +75,21 @@
<section class="section section-alt" id="floor-plan">
<div class="container">
<h2 class="section-title">一层平面图</h2>
<div class="drawing-full">
<div class="drawing-full enlarged">
<img src="images/drawing-floorplan.jpg" alt="一层平面图" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text large" style="display:none;">一层平面图</div>
</div>
</div>
</section>
<!-- 立面图4张 -->
<!-- 立面图4张,单列展示 -->
<section class="section" id="elevations">
<div class="container">
<h2 class="section-title">立面图</h2>
<div class="card-grid two-columns">
<div class="single-column-layout">
<!-- 东立面 -->
<div class="card">
<div class="card-image drawing-img">
<div class="card full-width-card">
<div class="card-image drawing-img wide-full">
<img src="images/drawing-elevation-east.jpg" alt="东立面图" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text" style="display:none;">东立面图</div>
</div>
@@ -99,8 +99,8 @@
</div>
<!-- 南立面 -->
<div class="card">
<div class="card-image drawing-img">
<div class="card full-width-card">
<div class="card-image drawing-img wide-full">
<img src="images/drawing-elevation-south.jpg" alt="南立面图" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text" style="display:none;">南立面图</div>
</div>
@@ -110,8 +110,8 @@
</div>
<!-- 西立面 -->
<div class="card">
<div class="card-image drawing-img">
<div class="card full-width-card">
<div class="card-image drawing-img wide-full">
<img src="images/drawing-elevation-west.jpg" alt="西立面图" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text" style="display:none;">西立面图</div>
</div>
@@ -121,8 +121,8 @@
</div>
<!-- 北立面 -->
<div class="card">
<div class="card-image drawing-img">
<div class="card full-width-card">
<div class="card-image drawing-img wide-full">
<img src="images/drawing-elevation-north.jpg" alt="北立面图" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text" style="display:none;">北立面图</div>
</div>
@@ -134,14 +134,14 @@
</div>
</section>
<!-- 剖面图2张 -->
<!-- 剖面图2张,单列展示 -->
<section class="section section-alt" id="sections">
<div class="container">
<h2 class="section-title">剖面图</h2>
<div class="card-grid two-columns">
<div class="single-column-layout">
<!-- 1-1剖面 -->
<div class="card">
<div class="card-image drawing-img">
<div class="card full-width-card">
<div class="card-image drawing-img wide-full">
<img src="images/drawing-section-1.jpg" alt="1-1剖面图" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text" style="display:none;">1-1剖面图</div>
</div>
@@ -151,8 +151,8 @@
</div>
<!-- 2-2剖面 -->
<div class="card">
<div class="card-image drawing-img">
<div class="card full-width-card">
<div class="card-image drawing-img wide-full">
<img src="images/drawing-section-2.jpg" alt="2-2剖面图" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text" style="display:none;">2-2剖面图</div>
</div>