调整各部分细节小图数量:基座9张、主体9张、屋面10张、墙面5张

This commit is contained in:
2026-06-03 05:29:21 +08:00
parent 2478e730fb
commit 5a0018d1b5

View File

@@ -125,18 +125,18 @@
<div class="image-slider construction-gallery"> <div class="image-slider construction-gallery">
<div class="slider-item with-caption"> <div class="slider-item with-caption">
<img src="images/construction-base-detail-01.jpg" alt="基座细节图1" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';"> <img src="images/construction-base-detail-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 class="placeholder-text small" style="display:none;">地螺丝A</div>
<p class="image-caption">基座细节图1</p> <p class="image-caption">地螺丝A</p>
</div> </div>
<div class="slider-item with-caption"> <div class="slider-item with-caption">
<img src="images/construction-base-detail-02.jpg" alt="基座细节图2" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';"> <img src="images/construction-base-detail-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 class="placeholder-text small" style="display:none;">地螺丝B</div>
<p class="image-caption">基座细节图2</p> <p class="image-caption">地螺丝B</p>
</div> </div>
<div class="slider-item with-caption"> <div class="slider-item with-caption">
<img src="images/construction-base-detail-03.jpg" alt="基座细节图3" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';"> <img src="images/construction-base-detail-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 class="placeholder-text small" style="display:none;">基座细节图3</div>
<p class="image-caption">基座细节图3</p> <p class="image-caption">预制基础板</p>
</div> </div>
<div class="slider-item with-caption"> <div class="slider-item with-caption">
<img src="images/construction-base-detail-04.jpg" alt="基座细节图4" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';"> <img src="images/construction-base-detail-04.jpg" alt="基座细节图4" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
@@ -163,6 +163,11 @@
<div class="placeholder-text small" style="display:none;">基座细节图8</div> <div class="placeholder-text small" style="display:none;">基座细节图8</div>
<p class="image-caption">基座细节图8</p> <p class="image-caption">基座细节图8</p>
</div> </div>
<div class="slider-item with-caption">
<img src="images/construction-base-detail-09.jpg" alt="基座细节图9" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">基座细节图9</div>
<p class="image-caption">基座细节图9</p>
</div>
</div> </div>
<div class="slider-hint">← 左右滑动查看更多 →</div> <div class="slider-hint">← 左右滑动查看更多 →</div>
</div> </div>
@@ -241,6 +246,11 @@
<div class="placeholder-text small" style="display:none;">主体细节图8</div> <div class="placeholder-text small" style="display:none;">主体细节图8</div>
<p class="image-caption">主体细节图8</p> <p class="image-caption">主体细节图8</p>
</div> </div>
<div class="slider-item with-caption">
<img src="images/construction-main-detail-09.jpg" alt="主体细节图9" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">主体细节图9</div>
<p class="image-caption">主体细节图9</p>
</div>
</div> </div>
<div class="slider-hint">← 左右滑动查看更多 →</div> <div class="slider-hint">← 左右滑动查看更多 →</div>
</div> </div>
@@ -319,6 +329,16 @@
<div class="placeholder-text small" style="display:none;">屋面细节图8</div> <div class="placeholder-text small" style="display:none;">屋面细节图8</div>
<p class="image-caption">屋面细节图8</p> <p class="image-caption">屋面细节图8</p>
</div> </div>
<div class="slider-item with-caption">
<img src="images/construction-roof-detail-09.jpg" alt="屋面细节图9" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">屋面细节图9</div>
<p class="image-caption">屋面细节图9</p>
</div>
<div class="slider-item with-caption">
<img src="images/construction-roof-detail-10.jpg" alt="屋面细节图10" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">屋面细节图10</div>
<p class="image-caption">屋面细节图10</p>
</div>
</div> </div>
<div class="slider-hint">← 左右滑动查看更多 →</div> <div class="slider-hint">← 左右滑动查看更多 →</div>
</div> </div>
@@ -354,7 +374,7 @@
</div> </div>
</div> </div>
<!-- 下方:横向滑动小图(至少8张) --> <!-- 下方:横向滑动小图(5张) -->
<div class="image-slider-container"> <div class="image-slider-container">
<div class="image-slider construction-gallery"> <div class="image-slider construction-gallery">
<div class="slider-item with-caption"> <div class="slider-item with-caption">
@@ -382,21 +402,6 @@
<div class="placeholder-text small" style="display:none;">墙面细节图5</div> <div class="placeholder-text small" style="display:none;">墙面细节图5</div>
<p class="image-caption">墙面细节图5</p> <p class="image-caption">墙面细节图5</p>
</div> </div>
<div class="slider-item with-caption">
<img src="images/construction-wall-detail-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="slider-item with-caption">
<img src="images/construction-wall-detail-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="slider-item with-caption">
<img src="images/construction-wall-detail-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="slider-hint">← 左右滑动查看更多 →</div> <div class="slider-hint">← 左右滑动查看更多 →</div>
</div> </div>