完成毕业设计展示网站全部内容:包含前期分析、设计表现、设计图纸、性能分析、自保障设计、建造模拟(含建造过程模拟)、关于项目等全部板块

This commit is contained in:
2026-06-03 20:04:23 +08:00
parent bab511ec62
commit 72e340a7b4
68 changed files with 941 additions and 37 deletions
+447
View File
@@ -0,0 +1,447 @@
<!-- 1. 撱粹餃㦛嚗撘惩之 -->
<section class="section" id="construction-site">
<div class="container">
<h2 class="section-title">撱粹餃㦛</h2>
<div class="drawing-full enlarged">
<img src="images/construction-siteplan.jpg" alt="撱粹餃㦛" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text large" style="display:none;">撱粹餃㦛</div>
</div>
</div>
</section>
<!-- 2. 辣銵?-->
<section class="section section-alt" id="component-tables">
<div class="container">
<h2 class="section-title">辣銵?/h2>
<!-- 2.1 箏漣 -->
<div class="subsection">
<h3 class="subsection-title">2.1 箏漣</h3>
<!-- 銝𦠜䲮嚗𡁜椰曉𢰧銵?-->
<div class="text-image-layout">
<div class="layout-images">
<img src="images/construction-base-01.jpg" alt="箏漣蝷箸? onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text medium" style="display:none;">箏漣蝷箸?/div>
</div>
<div class="layout-table-right">
<table class="performance-table">
<thead>
<tr>
<th>蝻硋噡</th>
<th>滨妍</th>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr><td>B-01</td><td>璇?/td><td>200400mm</td><td>12</td></tr>
<tr><td>B-02</td><td>勗抅蝖</td><td>500500mm</td><td>8</td></tr>
<tr><td>B-03</td><td></td><td>M20</td><td>32</td></tr>
<tr><td>B-04</td><td></td><td>C15瘛瑕?/td><td>1</td></tr>
</tbody>
</table>
</div>
</div>
<!-- 銝𧢲䲮嚗𡁏赤8撘𩤃 -->
<div class="image-slider-container">
<div class="image-slider construction-gallery">
<div class="slider-item with-caption">
<img src="images/construction-base-detail-01.jpg" alt="箏漣蝏?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">箏漣蝏?</div>
<p class="image-caption">箏漣蝏?</p>
</div>
<div class="slider-item with-caption">
<img src="images/construction-base-detail-02.jpg" alt="箏漣蝏?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">箏漣蝏?</div>
<p class="image-caption">箏漣蝏?</p>
</div>
<div class="slider-item with-caption">
<img src="images/construction-base-detail-03.jpg" alt="箏漣蝏?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">箏漣蝏?</div>
<p class="image-caption">箏漣蝏?</p>
</div>
<div class="slider-item with-caption">
<img src="images/construction-base-detail-04.jpg" alt="箏漣蝏?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">箏漣蝏?</div>
<p class="image-caption">箏漣蝏?</p>
</div>
<div class="slider-item with-caption">
<img src="images/construction-base-detail-05.jpg" alt="箏漣蝏?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">箏漣蝏?</div>
<p class="image-caption">箏漣蝏?</p>
</div>
<div class="slider-item with-caption">
<img src="images/construction-base-detail-06.jpg" alt="箏漣蝏?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">箏漣蝏?</div>
<p class="image-caption">箏漣蝏?</p>
</div>
<div class="slider-item with-caption">
<img src="images/construction-base-detail-07.jpg" alt="箏漣蝏?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">箏漣蝏?</div>
<p class="image-caption">箏漣蝏?</p>
</div>
<div class="slider-item with-caption">
<img src="images/construction-base-detail-08.jpg" alt="箏漣蝏?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">箏漣蝏?</div>
<p class="image-caption">箏漣蝏?</p>
</div>
</div>
<div class="slider-hint">?撌血𢰧皛穃𢆡 ?/div>
</div>
</div>
<!-- 2.2 銝颱蝏𤘪 -->
<div class="subsection">
<h3 class="subsection-title">2.2 銝颱蝏𤘪</h3>
<!-- 銝𦠜䲮嚗𡁜椰曉𢰧銵?-->
<div class="text-image-layout">
<div class="layout-images">
<img src="images/construction-main-01.jpg" alt="銝颱蝏𤘪蝷箸? onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text medium" style="display:none;">銝颱蝏𤘪蝷箸?/div>
</div>
<div class="layout-table-right">
<table class="performance-table">
<thead>
<tr>
<th>蝻硋噡</th>
<th>滨妍</th>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr><td>M-01</td><td></td><td>H200200</td><td>8</td></tr>
<tr><td>M-02</td><td></td><td>H250125</td><td>16</td></tr>
<tr><td>M-03</td><td>厩揣</td><td>峖12</td><td>24</td></tr>
<tr><td>M-04</td><td>餈墧𦻖隞?/td><td>M16</td><td>64</td></tr>
</tbody>
</table>
</div>
</div>
<!-- 銝𧢲䲮嚗𡁏赤8撘𩤃 -->
<div class="image-slider-container">
<div class="image-slider construction-gallery">
<div class="slider-item with-caption">
<img src="images/construction-main-detail-01.jpg" alt="銝颱?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">銝颱?</div>
<p class="image-caption">銝颱?</p>
</div>
<div class="slider-item with-caption">
<img src="images/construction-main-detail-02.jpg" alt="銝颱?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">銝颱?</div>
<p class="image-caption">銝颱?</p>
</div>
<div class="slider-item with-caption">
<img src="images/construction-main-detail-03.jpg" alt="銝颱?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">銝颱?</div>
<p class="image-caption">銝颱?</p>
</div>
<div class="slider-item with-caption">
<img src="images/construction-main-detail-04.jpg" alt="銝颱?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">銝颱?</div>
<p class="image-caption">銝颱?</p>
</div>
<div class="slider-item with-caption">
<img src="images/construction-main-detail-05.jpg" alt="銝颱?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">銝颱?</div>
<p class="image-caption">銝颱?</p>
</div>
<div class="slider-item with-caption">
<img src="images/construction-main-detail-06.jpg" alt="銝颱?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">銝颱?</div>
<p class="image-caption">銝颱?</p>
</div>
<div class="slider-item with-caption">
<img src="images/construction-main-detail-07.jpg" alt="銝颱?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">銝颱?</div>
<p class="image-caption">銝颱?</p>
</div>
<div class="slider-item with-caption">
<img src="images/construction-main-detail-08.jpg" alt="銝颱?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">銝颱?</div>
<p class="image-caption">銝颱?</p>
</div>
</div>
<div class="slider-hint">?撌血𢰧皛穃𢆡 ?/div>
</div>
</div>
<!-- 2.3 撅钅𢒰湔擪 -->
<div class="subsection">
<h3 class="subsection-title">2.3 撅钅𢒰湔擪</h3>
<!-- 銝𦠜䲮嚗𡁜椰曉𢰧銵?-->
<div class="text-image-layout">
<div class="layout-images">
<img src="images/construction-roof-01.jpg" alt="撅钅𢒰湔擪蝷箸? onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text medium" style="display:none;">撅钅𢒰湔擪蝷箸?/div>
</div>
<div class="layout-table-right">
<table class="performance-table">
<thead>
<tr>
<th>蝻硋噡</th>
<th>滨妍</th>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr><td>R-01</td><td>撅钅𢒰?/td><td>12006000mm</td><td>20</td></tr>
<tr><td>R-02</td><td>瑼拇辺</td><td>C16060</td><td>40</td></tr>
<tr><td>R-03</td><td>脫偌撅?/td><td>TPO</td><td>1</td></tr>
<tr><td>R-04</td><td>靽脲萱撅?/td><td>撗拇?00mm</td><td>1</td></tr>
</tbody>
</table>
</div>
</div>
<!-- 銝𧢲䲮嚗𡁏赤8撘𩤃 -->
<div class="image-slider-container">
<div class="image-slider construction-gallery">
<div class="slider-item with-caption">
<img src="images/construction-roof-detail-01.jpg" alt="撅钅𢒰蝏?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">撅钅𢒰蝏?</div>
<p class="image-caption">撅钅𢒰蝏?</p>
</div>
<div class="slider-item with-caption">
<img src="images/construction-roof-detail-02.jpg" alt="撅钅𢒰蝏?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">撅钅𢒰蝏?</div>
<p class="image-caption">撅钅𢒰蝏?</p>
</div>
<div class="slider-item with-caption">
<img src="images/construction-roof-detail-03.jpg" alt="撅钅𢒰蝏?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">撅钅𢒰蝏?</div>
<p class="image-caption">撅钅𢒰蝏?</p>
</div>
<div class="slider-item with-caption">
<img src="images/construction-roof-detail-04.jpg" alt="撅钅𢒰蝏?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">撅钅𢒰蝏?</div>
<p class="image-caption">撅钅𢒰蝏?</p>
</div>
<div class="slider-item with-caption">
<img src="images/construction-roof-detail-05.jpg" alt="撅钅𢒰蝏?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">撅钅𢒰蝏?</div>
<p class="image-caption">撅钅𢒰蝏?</p>
</div>
<div class="slider-item with-caption">
<img src="images/construction-roof-detail-06.jpg" alt="撅钅𢒰蝏?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">撅钅𢒰蝏?</div>
<p class="image-caption">撅钅𢒰蝏?</p>
</div>
<div class="slider-item with-caption">
<img src="images/construction-roof-detail-07.jpg" alt="撅钅𢒰蝏?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">撅钅𢒰蝏?</div>
<p class="image-caption">撅钅𢒰蝏?</p>
</div>
<div class="slider-item with-caption">
<img src="images/construction-roof-detail-08.jpg" alt="撅钅𢒰蝏?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">撅钅𢒰蝏?</div>
<p class="image-caption">撅钅𢒰蝏?</p>
</div>
</div>
<div class="slider-hint">?撌血𢰧皛穃𢆡 ?/div>
</div>
</div>
<!-- 2.4 憓䠷𢒰湔擪 -->
<div class="subsection">
<h3 class="subsection-title">2.4 憓䠷𢒰湔擪</h3>
<!-- 銝𦠜䲮嚗𡁜椰曉𢰧銵?-->
<div class="text-image-layout">
<div class="layout-images">
<img src="images/construction-wall-01.jpg" alt="憓䠷𢒰湔擪蝷箸? onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text medium" style="display:none;">憓䠷𢒰湔擪蝷箸?/div>
</div>
<div class="layout-table-right">
<table class="performance-table">
<thead>
<tr>
<th>蝻硋噡</th>
<th>滨妍</th>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr><td>W-01</td><td>憭硋?/td><td>12003000mm</td><td>48</td></tr>
<tr><td>W-02</td><td>樴䠷爸</td><td>C7550</td><td>96</td></tr>
<tr><td>W-03</td><td>蝒?/td><td>15001800mm</td><td>12</td></tr>
<tr><td>W-04</td><td>?/td><td>9002100mm</td><td>4</td></tr>
</tbody>
</table>
</div>
</div>
<!-- 銝𧢲䲮嚗𡁏赤8撘𩤃 -->
<div class="image-slider-container">
<div class="image-slider construction-gallery">
<div class="slider-item with-caption">
<img src="images/construction-wall-detail-01.jpg" alt="憓䠷𢒰蝏?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">憓䠷𢒰蝏?</div>
<p class="image-caption">憓䠷𢒰蝏?</p>
</div>
<div class="slider-item with-caption">
<img src="images/construction-wall-detail-02.jpg" alt="憓䠷𢒰蝏?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">憓䠷𢒰蝏?</div>
<p class="image-caption">憓䠷𢒰蝏?</p>
</div>
<div class="slider-item with-caption">
<img src="images/construction-wall-detail-03.jpg" alt="憓䠷𢒰蝏?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">憓䠷𢒰蝏?</div>
<p class="image-caption">憓䠷𢒰蝏?</p>
</div>
<div class="slider-item with-caption">
<img src="images/construction-wall-detail-04.jpg" alt="憓䠷𢒰蝏?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">憓䠷𢒰蝏?</div>
<p class="image-caption">憓䠷𢒰蝏?</p>
</div>
<div class="slider-item with-caption">
<img src="images/construction-wall-detail-05.jpg" alt="憓䠷𢒰蝏?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">憓䠷𢒰蝏?</div>
<p class="image-caption">憓䠷𢒰蝏?</p>
</div>
<div class="slider-item with-caption">
<img src="images/construction-wall-detail-06.jpg" alt="憓䠷𢒰蝏?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">憓䠷𢒰蝏?</div>
<p class="image-caption">憓䠷𢒰蝏?</p>
</div>
<div class="slider-item with-caption">
<img src="images/construction-wall-detail-07.jpg" alt="憓䠷𢒰蝏?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">憓䠷𢒰蝏?</div>
<p class="image-caption">憓䠷𢒰蝏?</p>
</div>
<div class="slider-item with-caption">
<img src="images/construction-wall-detail-08.jpg" alt="憓䠷𢒰蝏?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">憓䠷𢒰蝏?</div>
<p class="image-caption">憓䠷𢒰蝏?</p>
</div>
</div>
<div class="slider-hint">?撌血𢰧皛穃𢆡 ?/div>
</div>
</div>
<!-- 2.5 皜拇 -->
<div class="subsection">
<h3 class="subsection-title">2.5 皜拇</h3>
<!-- 銝𦠜䲮嚗𡁜椰曉𢰧銵?-->
<div class="text-image-layout">
<div class="layout-images">
<img src="images/construction-greenhouse-01.jpg" alt="皜拇蝷箸? onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text medium" style="display:none;">皜拇蝷箸?/div>
</div>
<div class="layout-table-right">
<table class="performance-table">
<thead>
<tr>
<th>蝻硋噡</th>
<th>滨妍</th>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr><td>G-01</td><td>撉冽沲</td><td>屸儍蝞?/td><td>24</td></tr>
<tr><td>G-02</td><td>?/td><td>PO?.12mm</td><td>1</td></tr>
<tr><td>G-03</td><td>𡁻蝒?/td><td>萄𢆡撘?/td><td>4</td></tr>
<tr><td>G-04</td><td>桅翧蝵?/td><td>憭㚚喟頂蝏?/td><td>1</td></tr>
</tbody>
</table>
</div>
</div>
<!-- 銝𧢲䲮嚗𡁏赤8撘𩤃 -->
<div class="image-slider-container">
<div class="image-slider construction-gallery">
<div class="slider-item with-caption">
<img src="images/construction-greenhouse-detail-01.jpg" alt="皜拇?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">皜拇?</div>
<p class="image-caption">皜拇?</p>
</div>
<div class="slider-item with-caption">
<img src="images/construction-greenhouse-detail-02.jpg" alt="皜拇?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">皜拇?</div>
<p class="image-caption">皜拇?</p>
</div>
<div class="slider-item with-caption">
<img src="images/construction-greenhouse-detail-03.jpg" alt="皜拇?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">皜拇?</div>
<p class="image-caption">皜拇?</p>
</div>
<div class="slider-item with-caption">
<img src="images/construction-greenhouse-detail-04.jpg" alt="皜拇?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">皜拇?</div>
<p class="image-caption">皜拇?</p>
</div>
<div class="slider-item with-caption">
<img src="images/construction-greenhouse-detail-05.jpg" alt="皜拇?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">皜拇?</div>
<p class="image-caption">皜拇?</p>
</div>
<div class="slider-item with-caption">
<img src="images/construction-greenhouse-detail-06.jpg" alt="皜拇?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">皜拇?</div>
<p class="image-caption">皜拇?</p>
</div>
<div class="slider-item with-caption">
<img src="images/construction-greenhouse-detail-07.jpg" alt="皜拇?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">皜拇?</div>
<p class="image-caption">皜拇?</p>
</div>
<div class="slider-item with-caption">
<img src="images/construction-greenhouse-detail-08.jpg" alt="皜拇?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text small" style="display:none;">皜拇?</div>
<p class="image-caption">皜拇?</p>
</div>
</div>
<div class="slider-hint">?撌血𢰧皛穃𢆡 ?/div>
</div>
</div>
<!-- 2.6 霈曉撘㰘”嚗?-->
<div class="subsection">
<h3 class="subsection-title">2.6 霈曉</h3>
<table class="performance-table wide">
<thead>
<tr>
<th>蝻硋噡</th>
<th>霈曉滨妍</th>
<th>见噡閫</th>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr><td>E-01</td><td>憭芷翧隡𤩺踎</td><td>550W閙榊</td><td>20</td><td>撅钅▲摰㕑</td></tr>
<tr><td>E-02</td><td>?/td><td>10kW</td><td>2</td><td>摰文摰㕑</td></tr>
<tr><td>E-03</td><td>㩞瘙删</td><td>48V/200Ah</td><td>4</td><td>蝟餌</td></tr>
<tr><td>E-04</td><td>冽偌蝟餌</td><td>5000L</td><td>1</td><td>贝挽</td></tr>
<tr><td>E-05</td><td>瘞渲挽憭?/td><td>RO齿?/td><td>1</td><td>摰文摰㕑</td></tr>
<tr><td>E-06</td><td>靘𥟇霈曉</td><td>蝛箸皞鞟瘜?/td><td>2</td><td>摰文摰㕑</td></tr>
<tr><td>E-07</td><td>𡁻蝟餌</td><td>?/td><td>2</td><td>𢠃▲摰㕑</td></tr>
<tr><td>E-08</td><td>蝟餌</td><td>LED</td><td>1</td><td></td></tr>
</tbody>
</table>
</div>
</div>
</section>
<!-- 憿菔 -->
<footer class="footer">
<div class="container">
<p>&copy; 2026 瘥蓥霈曇恣撅閧內 | 繚 擃䀹絲𠉛㴓憓穃龫∪抅蝡躰挽霈∩撱粹蝛?/p>
</div>
</footer>
<!-- JavaScript -->
<script src="js/main.js"></script>
</body>
</html>