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

添加前期分析板块9张图片结构，统一格式确保底部对齐

Browse Source
This commit is contained in:
yangyuqing
2026-06-02 20:49:35 +08:00
parent 94d9680174
commit d32736b2d0
3 changed files with 348 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

100
index.html
View File

@@ -77,32 +77,112 @@
<section class="section" id="analysis">
<div class="container">
<h2 class="section-title">前期分析</h2>
<div class="card-grid">
<div class="card-grid analysis-grid">
<!-- 图片1 -->
<div class="card">
<div class="card-image placeholder-img">
<span>地理分析图</span>
<div class="card-image analysis-img">
<img src="images/analysis-01.jpg" alt="地理分析图" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text" style="display:none;">地理分析图</div>
</div>
<div class="card-content">
<h3>地理位置分析</h3>
<p>在此处插入青藏高原选址的地理环境分析，包括海拔、地形地貌等信息。</p>
<p>青藏高原选址的地理环境分析，包括海拔、地形地貌等信息。</p>
</div>
</div>
<!-- 图片2 -->
<div class="card">
<div class="card-image placeholder-img">
<span>气候分析图</span>
<div class="card-image analysis-img">
<img src="images/analysis-02.jpg" alt="气候分析图" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text" style="display:none;">气候分析图</div>
</div>
<div class="card-content">
<h3>气候条件分析</h3>
<p>在此处插入高原气候特征分析，包括温度、降水、风力等气象数据。</p>
<p>高原气候特征分析，包括温度、降水、风力等气象数据。</p>
</div>
</div>
<!-- 图片3 -->
<div class="card">
<div class="card-image placeholder-img">
<span>选址分析图</span>
<div class="card-image analysis-img">
<img src="images/analysis-03.jpg" alt="选址分析图" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text" style="display:none;">选址分析图</div>
</div>
<div class="card-content">
<h3>场地选址分析</h3>
<p>在此处插入具体选址的优劣分析，包括交通可达性、基础设施等因素。</p>
<p>具体选址的优劣分析，包括交通可达性、基础设施等因素。</p>
</div>
</div>
<!-- 图片4 -->
<div class="card">
<div class="card-image analysis-img">
<img src="images/analysis-04.jpg" alt="分析图4" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text" style="display:none;">分析图4</div>
</div>
<div class="card-content">
<h3>标题4</h3>
<p>在此处插入说明文字...</p>
</div>
</div>
<!-- 图片5 -->
<div class="card">
<div class="card-image analysis-img">
<img src="images/analysis-05.jpg" alt="分析图5" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text" style="display:none;">分析图5</div>
</div>
<div class="card-content">
<h3>标题5</h3>
<p>在此处插入说明文字...</p>
</div>
</div>
<!-- 图片6 -->
<div class="card">
<div class="card-image analysis-img">
<img src="images/analysis-06.jpg" alt="分析图6" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text" style="display:none;">分析图6</div>
</div>
<div class="card-content">
<h3>标题6</h3>
<p>在此处插入说明文字...</p>
</div>
</div>
<!-- 图片7 -->
<div class="card">
<div class="card-image analysis-img">
<img src="images/analysis-07.jpg" alt="分析图7" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text" style="display:none;">分析图7</div>
</div>
<div class="card-content">
<h3>标题7</h3>
<p>在此处插入说明文字...</p>
</div>
</div>
<!-- 图片8 -->
<div class="card">
<div class="card-image analysis-img">
<img src="images/analysis-08.jpg" alt="分析图8" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text" style="display:none;">分析图8</div>
</div>
<div class="card-content">
<h3>标题8</h3>
<p>在此处插入说明文字...</p>
</div>
</div>
<!-- 图片9 -->
<div class="card">
<div class="card-image analysis-img">
<img src="images/analysis-09.jpg" alt="分析图9" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text" style="display:none;">分析图9</div>
</div>
<div class="card-content">
<h3>标题9</h3>
<p>在此处插入说明文字...</p>
</div>
</div>
</div>