diff --git a/about.html b/about.html new file mode 100644 index 0000000..4a7a006 --- /dev/null +++ b/about.html @@ -0,0 +1,108 @@ + + + + + + + + + 关于项目 - 轻索方舱 | 高海拔环境乡村医疗服务基站 + + + + + + + + + + + + + + + + +
+
+

关于项目

+

About the Project

+
+
+ + +
+
+

项目信息

+
+
+

项目名称：雪域阳光方舟 · 高海拔环境乡村医疗服务基站设计与建造研究

+

设计理念：Approachable Luxury（亲和的奢华）

+

学生姓名：杨雨晴

+

指导教师：XXX

+

学校专业：XXX大学 XXX专业

+

完成时间：2026年

+
+
+
+
+ +
+
+

结语

+
+

在此处插入项目的总结与展望...

+
+
+
+ +
+
+

致谢

+
+

在此处插入致谢内容...

+
+
+
+ + + + + + + + diff --git a/analysis.html b/analysis.html new file mode 100644 index 0000000..5017ade --- /dev/null +++ b/analysis.html @@ -0,0 +1,232 @@ + + + + + + + + + 前期分析 - 轻索方舱 | 高海拔环境乡村医疗服务基站 + + + + + + + + + + + + + + + + +
+
+

前期分析

+

Preliminary Analysis

+
+
+ + +
+
+

1.1 课题任务解析

+
+

在此处插入课题任务的详细解析，包括：

+
    +
  • 研究背景与意义
    • +
  • 设计目标与要求
    • +
  • 技术路线与方法
    • +
  • 预期成果与创新点
    • +
+
+
+
+ + +
+
+

1.2 场地分析

+ + +
+

地理位置

+
+
+
+ 央木布村航拍图 + +
+
+

央木布村航拍图

+

本课题设计场地位于央布木村，村庄位于西藏那曲市班戈县佳琼镇，地处青藏高原北部藏北高原，海拔约4697米。

+
+
+
+
+ + +
+

气候条件

+
+
+
+ 气温降水月分布图 + +
+
+

气温降水月分布图

+

当地属高原亚寒带半干旱季风气候区，年均气温-2℃至2℃，年降水量约300mm，主要集中在6-9月。冬季漫长寒冷，夏季短暂凉爽，昼夜温差大，紫外线辐射强。

+
+
+
+
+ + +
+

选址分析

+
+
+
+ 选址分析图 + +
+
+

选址分析图

+

具体选址的优劣分析，包括交通可达性、基础设施等因素。

+
+
+
+
+
+
+ + +
+
+

1.3 案例分析

+
+ +
+
+ 案例1 + +
+
+

案例1标题

+

在此处插入案例分析说明...

+
+
+ + +
+
+ 案例2 + +
+
+

案例2标题

+

在此处插入案例分析说明...

+
+
+ + +
+
+ 案例3 + +
+
+

案例3标题

+

在此处插入案例分析说明...

+
+
+ + +
+
+ 案例4 + +
+
+

案例4标题

+

在此处插入案例分析说明...

+
+
+
+
+
+ + +
+
+

1.4 方案构思

+
+

在此处插入方案构思的详细说明，包括：

+
    +
  • 设计理念与灵感来源
    • +
  • 功能布局与空间组织
    • +
  • 结构选型与技术策略
    • +
  • 材料选择与构造方式
    • +
+
+ +
+
+
+ 方案构思图 + +
+
+

方案构思示意图

+

在此处插入方案构思的图示说明...

+
+
+
+
+
+ + + + + + + + diff --git a/construction.html b/construction.html new file mode 100644 index 0000000..a1f35ad --- /dev/null +++ b/construction.html @@ -0,0 +1,101 @@ + + + + + + + + + 建造模拟 - 轻索方舱 | 高海拔环境乡村医疗服务基站 + + + + + + + + + + + + + + + + +
+
+

建造模拟

+

Construction Simulation

+
+
+ + +
+
+

场地总图

+
+

在此处插入场地总图的详细说明...

+
+
+
+ +
+
+

建造流程

+
+

在此处插入建造流程的详细说明...

+
+
+
+ +
+
+

构件表

+
+

在此处插入构件表的详细说明...

+
+
+
+ + + + + + + + diff --git a/css/style.css b/css/style.css index f034f01..afbc4f1 100644 --- a/css/style.css +++ b/css/style.css @@ -412,6 +412,168 @@ body { letter-spacing: 1px; } +/* ======================================== + 多页导航 - 页面标题区域 + ======================================== */ +.page-header { + padding: 8rem 2rem 4rem; + background: linear-gradient(135deg, var(--bg-secondary) 0%, var(--bg-primary) 100%); + text-align: center; + margin-top: 70px; +} + +.page-title { + font-size: 3rem; + font-weight: 700; + color: var(--text-primary); + margin-bottom: 1rem; + letter-spacing: 2px; +} + +.page-subtitle { + font-size: 1.2rem; + color: var(--primary-color); + letter-spacing: 3px; + font-weight: 500; +} + +/* ======================================== + 子板块标题 + ======================================== */ +.subsection { + margin-bottom: var(--spacing-xl); +} + +.subsection:last-child { + margin-bottom: 0; +} + +.subsection-title { + font-size: 1.8rem; + font-weight: 600; + color: var(--text-primary); + margin-bottom: var(--spacing-md); + padding-left: 1rem; + border-left: 4px solid var(--primary-color); +} + +/* ======================================== + 内容块 + ======================================== */ +.content-block { + max-width: 900px; + margin: 0 auto; + padding: var(--spacing-md); +} + +/* ======================================== + 按钮样式 + ======================================== */ +.hero-buttons { + margin-top: var(--spacing-lg); +} + +.btn { + display: inline-block; + padding: 1rem 2.5rem; + font-size: 1rem; + font-weight: 600; + text-decoration: none; + border-radius: 30px; + transition: var(--transition); + letter-spacing: 1px; +} + +.btn-primary { + background: var(--primary-color); + color: white; + box-shadow: var(--shadow-soft); +} + +.btn-primary:hover { + background: var(--primary-dark); + transform: translateY(-2px); + box-shadow: var(--shadow-medium); +} + +/* ======================================== + 设计图纸 - 完整展示（避免滚动） + ======================================== */ +.drawing-full { + width: 100%; + max-width: 1200px; + margin: 0 auto; + background: #FFFFFF; + padding: 2rem; + border-radius: var(--border-radius); + box-shadow: var(--shadow-soft); + display: flex; + align-items: center; + justify-content: center; + min-height: 60vh; +} + +.drawing-full img { + max-width: 100%; + max-height: 80vh; + width: auto; + height: auto; + object-fit: contain; + display: block; +} + +.drawing-img { + height: 400px; + background: #FFFFFF; + display: flex; + align-items: center; + justify-content: center; +} + +.drawing-img img { + max-width: 100%; + max-height: 100%; + width: auto; + height: auto; + object-fit: contain; + display: block; +} + +.placeholder-text.large { + font-size: 1.5rem; + color: var(--text-light); +} + +/* ======================================== + 画廊样式优化 + ======================================== */ +.gallery-grid { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); + gap: var(--spacing-md); + margin-top: var(--spacing-md); +} + +.gallery-item.large { + grid-column: span 2; +} + +.gallery-caption { + padding: var(--spacing-sm) var(--spacing-md); + text-align: center; +} + +.gallery-caption h3 { + font-size: 1.3rem; + color: var(--text-primary); + margin-bottom: var(--spacing-xs); +} + +.gallery-caption p { + font-size: 0.9rem; + color: var(--text-secondary); +} + /* ======================================== 响应式设计 ======================================== */ diff --git a/design.html b/design.html new file mode 100644 index 0000000..5c9ed70 --- /dev/null +++ b/design.html @@ -0,0 +1,168 @@ + + + + + + + + + 设计表现 - 轻索方舱 | 高海拔环境乡村医疗服务基站 + + + + + + + + + + + + + + + + +
+
+

设计表现

+

Design Presentation

+
+
+ + +
+
+

鸟瞰图

+
+
+
+ 鸟瞰渲染图 + +
+
+

整体鸟瞰效果图

+

展示建筑与周边环境的整体关系，体现轻钢拉索结构的空间特征。

+
+
+
+
+
+ + +
+
+

室外透视图

+
+ +
+
+ 室外透视图1 + +
+
+

主入口透视

+

展示建筑主入口的外观效果，体现轻钢结构与玻璃幕墙的结合。

+
+
+ + +
+
+ 室外透视图2 + +
+
+

侧面透视

+

展示建筑侧面的拉索结构与立面细节。

+
+
+
+
+
+ + +
+
+

室内透视图

+
+ +
+
+ 室内透视图1 + +
+
+

诊室空间

+

展示诊室的内部空间布局与采光效果。

+
+
+ + +
+
+ 室内透视图2 + +
+
+

候诊大厅

+

展示候诊区的空间组织与人流导向。

+
+
+ + +
+
+ 室内透视图3 + +
+
+

治疗室

+

展示治疗室的功能布局与设备配置。

+
+
+
+
+
+ + + + + + + + diff --git a/drawings.html b/drawings.html new file mode 100644 index 0000000..4a0a427 --- /dev/null +++ b/drawings.html @@ -0,0 +1,177 @@ + + + + + + + + + 设计图纸 - 轻索方舱 | 高海拔环境乡村医疗服务基站 + + + + + + + + + + + + + + + + +
+
+

设计图纸

+

Design Drawings

+
+
+ + +
+
+

总平面图

+
+ 总平面图 + +
+
+
+ + +
+
+

一层平面图

+
+ 一层平面图 + +
+
+
+ + +
+
+

立面图

+
+ +
+
+ 东立面图 + +
+
+

东立面图

+
+
+ + +
+
+ 南立面图 + +
+
+

南立面图

+
+
+ + +
+
+ 西立面图 + +
+
+

西立面图

+
+
+ + +
+
+ 北立面图 + +
+
+

北立面图

+
+
+
+
+
+ + +
+
+

剖面图

+
+ +
+
+ 1-1剖面图 + +
+
+

1-1剖面图

+
+
+ + +
+
+ 2-2剖面图 + +
+
+

2-2剖面图

+
+
+
+
+
+ + + + + + + + diff --git a/images/analysis-05.png b/images/analysis-05.jpg similarity index 100% rename from images/analysis-05.png rename to images/analysis-05.jpg diff --git a/images/analysis-06.png b/images/analysis-06.jpg similarity index 100% rename from images/analysis-06.png rename to images/analysis-06.jpg diff --git a/images/analysis-07.png b/images/analysis-07.jpg similarity index 100% rename from images/analysis-07.png rename to images/analysis-07.jpg diff --git a/images/analysis-08.png b/images/analysis-08.jpg similarity index 100% rename from images/analysis-08.png rename to images/analysis-08.jpg diff --git a/index.html b/index.html index fbb8f2b..b573a71 100644 --- a/index.html +++ b/index.html @@ -48,13 +48,14 @@
@@ -70,367 +71,9 @@

轻索方舱

雪域阳光方舟 · 高海拔环境乡村医疗服务基站设计与建造研究

高海拔极端环境 · 乡村医疗基站 · 轻型斜拉结构 · 装配式建造 · 性能化设计 · 自保障设计

-
- - - -
-
-

前期分析

-
- -
-
- 地理分析图 - -
-
-

地理位置分析

-

青藏高原选址的地理环境分析，包括海拔、地形地貌等信息。

-
-
- - -
-
- 气候分析图 - -
-
-

气候条件分析

-

高原气候特征分析，包括温度、降水、风力等气象数据。

-
-
- - -
-
- 选址分析图 - -
-
-

场地选址分析

-

具体选址的优劣分析，包括交通可达性、基础设施等因素。

-
-
- - -
-
- 分析图4 - -
-
-

标题4

-

在此处插入说明文字...

-
-
- - -
-
- 分析图5 - -
-
-

标题5

-

在此处插入说明文字...

-
-
- - -
-
- 分析图6 - -
-
-

标题6

-

在此处插入说明文字...

-
-
- - -
-
- 分析图7 - -
-
-

标题7

-

在此处插入说明文字...

-
-
- - -
-
- 分析图8 - -
-
-

标题8

-

在此处插入说明文字...

-
-
-
-
-
- - -
-
-

设计表现

-
-
-
- 鸟瞰渲染图 -
-
-
-
- 室内渲染图1 -
-
-
-
- 室内渲染图2 -
-
-
-
- 立面效果图 -
-
-
-
- 细节特写 -
-
-
-
-
- - -
-
-

设计图纸

-
-
-
- 总平面图 -
-
-

总平面布置图

-

展示建筑与场地的整体布局关系，包括道路、绿化、出入口等要素。

-
-
-
-
- 平面图 -
-
-

建筑平面图

-

详细展示各功能区域的平面布置，包括诊室、治疗室、候诊区等功能分区。

-
-
-
-
-
- - -
-
-

性能分析

-
-
-
- 结构受力分析图 -
-
-

结构受力分析

-

轻钢拉索结构的受力计算与分析，展示关键节点的应力分布和承载能力。

-
-
-
-
- 节能计算图表 -
-
-

外围护结构节能计算

-

墙体、屋面、门窗的保温隔热性能计算，满足高原严寒地区的节能要求。

-
-
-
-
-
- - -
-
-

自保障设计

-
-
-
- 太阳能系统示意图 -
-
-

太阳能发电系统

-

光伏发电系统的装机容量计算、储能配置及供电可靠性分析。

-
    -
  • 光伏板面积：XX m²
    • -
  • 日发电量：XX kWh
    • -
  • 储能电池容量：XX kWh
    • -
-
-
-
-
- 水循环系统图 -
-
-

水循环利用系统

-

雨水收集、净化处理及中水回用系统的设计方案和水资源利用效率分析。

-
    -
  • 雨水收集量：XX m³/年
    • -
  • 中水回用率：XX%
    • -
  • 节水效益：XX%
    • -
-
-
-
-
-
- - -
-
-

建造模拟

-
-
- 建造场地总图 -
-
-

建造场地总平面布置

-

施工期间的场地布置，包括材料堆放区、施工机械位置、临时设施等。

-
-
- -
-
-
-

建造流程安排表

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
阶段工作内容工期(天)
基础施工场地平整、基础浇筑15
钢结构安装钢柱、钢梁吊装就位10
拉索张拉拉索安装与预应力张拉7
围护结构墙体、屋面安装12
内部装修地面、墙面、吊顶15
设备安装水电、暖通、医疗设备10
-
-
-
-
-

主要构件表

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
构件名称规格型号数量
钢柱H型钢 XXX×XXXXX根
钢梁H型钢 XXX×XXXXX根
拉索ΦXXmm 高强钢丝XX根
屋面板复合保温板 XXmmXX m²
外墙板保温装饰一体板XX m²
-
-
-
-
-
- - -
-
-

关于项目

-
-
-

结语与致谢

-

- 本项目立足于青藏高原特殊的地理气候条件，探索轻钢拉索结构在极端环境下的应用可能性。 - 通过"Approachable Luxury"的设计理念，在有限的资源条件下创造出既实用又具有美学价值的医疗空间。 -

-

- 感谢指导老师的悉心教导，感谢评审专家的宝贵意见。
- 希望这个小小的医疗站能够为高原地区的医疗服务贡献一份力量。 -

-
-

项目名称：青藏高原轻钢拉索结构医疗站

-

建筑面积：200平方米

-

设计理念：Approachable Luxury（亲和的奢华）

-

设计时间：202X年

-
-
+
+ 开始浏览
@@ -438,10 +81,11 @@ + diff --git a/js/main.js b/js/main.js index c3a8b9e..0692a6c 100644 --- a/js/main.js +++ b/js/main.js @@ -24,18 +24,37 @@ const hamburger = document.getElementById('hamburger'); const navMenu = document.getElementById('navMenu'); const navLinks = document.querySelectorAll('.nav-link'); -hamburger.addEventListener('click', () => { - hamburger.classList.toggle('active'); - navMenu.classList.toggle('active'); -}); - -// 点击导航链接后关闭菜单 -navLinks.forEach(link => { - link.addEventListener('click', () => { - hamburger.classList.remove('active'); - navMenu.classList.remove('active'); +if (hamburger && navMenu) { + hamburger.addEventListener('click', () => { + hamburger.classList.toggle('active'); + navMenu.classList.toggle('active'); }); -}); + + // 点击导航链接后关闭菜单 + navLinks.forEach(link => { + link.addEventListener('click', () => { + hamburger.classList.remove('active'); + navMenu.classList.remove('active'); + }); + }); +} + +// ======================================== +// 当前页面高亮显示 +// ======================================== +(function highlightCurrentPage() { + const currentPage = window.location.pathname.split('/').pop() || 'index.html'; + const navLinks = document.querySelectorAll('.nav-link'); + + navLinks.forEach(link => { + const linkHref = link.getAttribute('href'); + if (linkHref === currentPage) { + link.classList.add('active'); + } else { + link.classList.remove('active'); + } + }); +})(); // ======================================== // 平滑滚动到锚点 diff --git a/performance.html b/performance.html new file mode 100644 index 0000000..57bde8b --- /dev/null +++ b/performance.html @@ -0,0 +1,92 @@ + + + + + + + + + 性能分析 - 轻索方舱 | 高海拔环境乡村医疗服务基站 + + + + + + + + + + + + + + + + +
+
+

性能分析

+

Performance Analysis

+
+
+ + +
+
+

结构受力分析

+
+

在此处插入结构受力分析的详细说明和图表...

+
+
+
+ +
+
+

节能计算

+
+

在此处插入节能计算的详细说明和图表...

+
+
+
+ + + + + + + + diff --git a/self-sufficiency.html b/self-sufficiency.html new file mode 100644 index 0000000..ed17e32 --- /dev/null +++ b/self-sufficiency.html @@ -0,0 +1,92 @@ + + + + + + + + + 自保障设计 - 轻索方舱 | 高海拔环境乡村医疗服务基站 + + + + + + + + + + + + + + + + +
+
+

自保障设计

+

Self-Sufficiency Design

+
+
+ + +
+
+

太阳能发电系统

+
+

在此处插入太阳能发电系统的详细说明...

+
+
+
+ +
+
+

水循环利用系统

+
+

在此处插入水循环利用系统的详细说明...

+
+
+
+ + + + + + + +