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

立面图/剖面图高度放大2倍，删除柱身结构多余4张图（保留4张）

Browse Source
This commit is contained in:
yangyuqing
2026-06-03 00:24:00 +08:00
parent cbb655274b
commit d0f8d72398
2 changed files with 11 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
css/style.css
View File

@@ -1230,14 +1230,14 @@ body {
/* 全宽图片容器 */ /* 全宽图片容器 */
.drawing-img.wide-full { .drawing-img.wide-full {
height: auto; height: auto;
min-height: 500px; min-height: 1000px; /* 从500px增加到1000px，2倍 */
max-height: 70vh; max-height: 140vh; /* 从70vh增加到140vh，2倍 */
} }
.drawing-img.wide-full img { .drawing-img.wide-full img {
width: 100%; width: 100%;
height: auto; height: auto;
max-height: 70vh; max-height: 140vh; /* 从70vh增加到140vh，2倍 */
object-fit: contain; object-fit: contain;
background: #FFFFFF; background: #FFFFFF;
} }
@@ -1253,12 +1253,12 @@ body {
} }
.drawing-img.wide-full { .drawing-img.wide-full {
min-height: 400px; min-height: 800px; /* 从400px增加到800px，2倍 */
max-height: 60vh; max-height: 120vh; /* 从60vh增加到120vh，2倍 */
} }
.drawing-img.wide-full img { .drawing-img.wide-full img {
max-height: 60vh; max-height: 120vh; /* 从60vh增加到120vh，2倍 */
} }
} }
@@ -1272,12 +1272,12 @@ body {
} }
.drawing-img.wide-full { .drawing-img.wide-full {
min-height: 300px; min-height: 600px; /* 从300px增加到600px，2倍 */
max-height: 50vh; max-height: 100vh; /* 从50vh增加到100vh，2倍 */
} }
.drawing-img.wide-full img { .drawing-img.wide-full img {
max-height: 50vh; max-height: 100vh; /* 从50vh增加到100vh，2倍 */
} }
} }

35
drawings.html
View File

@@ -203,7 +203,7 @@
<div class="subsection"> <div class="subsection">
<h3 class="subsection-title">柱身结构单元设计拆解</h3> <h3 class="subsection-title">柱身结构单元设计拆解</h3>
<!-- 第一段文字 + 4张图 --> <!-- 文字 + 4张图 -->
<div class="text-image-layout"> <div class="text-image-layout">
<div class="layout-images"> <div class="layout-images">
<div class="image-grid-2x2"> <div class="image-grid-2x2">
@@ -230,38 +230,7 @@
</div> </div>
</div> </div>
<div class="layout-text"> <div class="layout-text">
<p class="large-text">在此处插入柱身结构单元设计的第一段详细说明...</p> <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>
</div> </div>