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

添加首页背景图（50%不透明度），重构1.2场地分析为两个子板块（自然地理9图+经济人口1图）

Browse Source
This commit is contained in:
yangyuqing
2026-06-02 22:16:48 +08:00
parent 8a86668eb1
commit 68028f36ad
4 changed files with 388 additions and 64 deletions
Download Patch File Download Diff File Expand all files Collapse all files

146
analysis.html
View File

@@ -81,52 +81,132 @@
<div class="container">
<h2 class="section-title">1.2 场地分析</h2>
<!-- 地理位置 -->
<!-- 1.2.1 自然地理环境分析（9张图） -->
<div class="subsection">
<h3 class="subsection-title">地理位置</h3>
<div class="card-grid analysis-grid">
<h3 class="subsection-title">1.2.1 自然地理环境分析</h3>
<div class="card-grid analysis-grid-9">
<!-- 图片1 -->
<div class="card">
<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>
<img src="images/site-nature-01.jpg" alt="自然地理图1" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text" style="display:none;">自然地理图1</div>
</div>
<div class="card-content">
<h3>央木布村航拍图</h3>
<p>本课题设计场地位于央布木村，村庄位于西藏那曲市班戈县佳琼镇，地处青藏高原北部藏北高原，海拔约4697米。</p>
<h3>标题1</h3>
<p>在此处插入说明文字...</p>
</div>
</div>
<!-- 图片2 -->
<div class="card">
<div class="card-image analysis-img">
<img src="images/site-nature-02.jpg" alt="自然地理图2" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text" style="display:none;">自然地理图2</div>
</div>
<div class="card-content">
<h3>标题2</h3>
<p>在此处插入说明文字...</p>
</div>
</div>
<!-- 图片3 -->
<div class="card">
<div class="card-image analysis-img">
<img src="images/site-nature-03.jpg" alt="自然地理图3" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="placeholder-text" style="display:none;">自然地理图3</div>
</div>
<div class="card-content">
<h3>标题3</h3>
<p>在此处插入说明文字...</p>
</div>
</div>
<!-- 图片4 -->
<div class="card">
<div class="card-image analysis-img">
<img src="images/site-nature-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/site-nature-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/site-nature-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/site-nature-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/site-nature-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/site-nature-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>
</div>
<!-- 气候条件 -->
<!-- 1.2.2 经济、人口和基础设施（1张图） -->
<div class="subsection">
<h3 class="subsection-title">气候条件</h3>
<div class="card-grid analysis-grid">
<div class="card">
<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>
<h3 class="subsection-title">1.2.2 经济、人口和基础设施</h3>
<div class="card-grid analysis-grid-single">
<div class="card single-card">
<div class="card-image analysis-img wide">
<img src="images/site-economy.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>当地属高原亚寒带半干旱季风气候区，年均气温-2℃至2℃，年降水量约300mm，主要集中在6-9月。冬季漫长寒冷，夏季短暂凉爽，昼夜温差大，紫外线辐射强。</p>
</div>
</div>
</div>
</div>
<!-- 选址分析 -->
<div class="subsection">
<h3 class="subsection-title">选址分析</h3>
<div class="card-grid analysis-grid">
<div class="card">
<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>
<h3>经济、人口和基础设施分析</h3>
<p>在此处插入关于当地经济发展水平、人口分布特征、交通条件、医疗设施等基础设施的详细说明...</p>
</div>
</div>
</div>