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

重构为多页导航架构：8个独立页面，前期分析4子板块，设计表现6图，设计图纸完整展示

Browse Source
This commit is contained in:
yangyuqing
2026-06-02 21:25:45 +08:00
parent ec29003082
commit 8a86668eb1
14 changed files with 1174 additions and 379 deletions
Download Patch File Download Diff File Expand all files Collapse all files

101
construction.html Normal file
View File

@@ -0,0 +1,101 @@
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- SEO Meta Tags -->
<title>建造模拟 - 轻索方舱 | 高海拔环境乡村医疗服务基站</title>
<meta name="description" content="建造模拟：场地总图、流程表、构件表">
<!-- Base Path for Subdirectory Deployment -->
<base href="/g2026/g4/">
<!-- Smart Path Detection -->
<script>
(function() {
const hostname = window.location.hostname;
if (hostname === 'localhost' || hostname === '127.0.0.1' || hostname === '') {
const baseTag = document.querySelector('base');
if (baseTag) {
baseTag.remove();
console.log('🔧 Local dev mode: base tag removed');
}
}
})();
</script>
<!-- Stylesheet -->
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<!-- 顶部固定导航栏 -->
<nav class="navbar" id="navbar">
<div class="nav-container">
<div class="nav-logo">毕业设计展示</div>
<ul class="nav-menu" id="navMenu">
<li><a href="index.html" class="nav-link">首页</a></li>
<li><a href="analysis.html" class="nav-link">前期分析</a></li>
<li><a href="design.html" class="nav-link">设计表现</a></li>
<li><a href="drawings.html" class="nav-link">设计图纸</a></li>
<li><a href="performance.html" class="nav-link">性能分析</a></li>
<li><a href="self-sufficiency.html" class="nav-link">自保障设计</a></li>
<li><a href="construction.html" class="nav-link active">建造模拟</a></li>
<li><a href="about.html" class="nav-link">关于项目</a></li>
</ul>
<div class="hamburger" id="hamburger">
<span></span>
<span></span>
<span></span>
</div>
</div>
</nav>
<!-- 页面标题区域 -->
<section class="page-header">
<div class="container">
<h1 class="page-title">建造模拟</h1>
<p class="page-subtitle">Construction Simulation</p>
</div>
</section>
<!-- 内容区域 -->
<section class="section">
<div class="container">
<h2 class="section-title">场地总图</h2>
<div class="content-block">
<p class="large-text">在此处插入场地总图的详细说明...</p>
</div>
</div>
</section>
<section class="section section-alt">
<div class="container">
<h2 class="section-title">建造流程</h2>
<div class="content-block">
<p class="large-text">在此处插入建造流程的详细说明...</p>
</div>
</div>
</section>
<section class="section">
<div class="container">
<h2 class="section-title">构件表</h2>
<div class="content-block">
<p class="large-text">在此处插入构件表的详细说明...</p>
</div>
</div>
</section>
<!-- 页脚 -->
<footer class="footer">
<div class="container">
<p>&copy; 2026 毕业设计展示 | 青藏高原轻钢拉索结构医疗站</p>
</div>
</footer>
<!-- JavaScript -->
<script src="js/main.js"></script>
</body>
</html>