diff --git a/assets/images/ChronologyOfStellarTrails/04.jpg b/assets/images/ChronologyOfStellarTrails/04.jpg index a40814c..9401478 100644 Binary files a/assets/images/ChronologyOfStellarTrails/04.jpg and b/assets/images/ChronologyOfStellarTrails/04.jpg differ diff --git a/assets/images/ChronologyOfStellarTrails/hero05_5.jpg b/assets/images/ChronologyOfStellarTrails/hero05_3.jpg similarity index 100% rename from assets/images/ChronologyOfStellarTrails/hero05_5.jpg rename to assets/images/ChronologyOfStellarTrails/hero05_3.jpg diff --git a/assets/images/ChronologyOfStellarTrails/logo04.png b/assets/images/ChronologyOfStellarTrails/logo04.png index 2155ffa..8e6c5e4 100644 Binary files a/assets/images/ChronologyOfStellarTrails/logo04.png and b/assets/images/ChronologyOfStellarTrails/logo04.png differ diff --git a/scripts/ChronologyOfStellarTrails/detail.js b/scripts/ChronologyOfStellarTrails/detail.js index 84c378c..a54f162 100644 --- a/scripts/ChronologyOfStellarTrails/detail.js +++ b/scripts/ChronologyOfStellarTrails/detail.js @@ -18,63 +18,351 @@ const animationDuration = 300; // 动画持续时间 (毫秒), 如果CSS中的 const missionData = [ { id: 1, // id - logoSrc: "../assets/images/ChronologyOfStellarTrails/shenzhouliuhaologo.webp", // 任务logo + logoSrc: "../assets/images/ChronologyOfStellarTrails/logo01.png", // 任务logo + rocketName: "神舟五号", // 火箭名称 + launchDate: "2003 10 15", // 发射日期 + people: [ // 参与人员 + { + name: "杨利伟", // 姓名 + imgSrc: "../assets/images/ChronologyOfStellarTrails/hero01_1.jpg", // 头像图片路径 + } + // { + // name: "聂海胜", + // imgSrc: "../assets/images/ChronologyOfStellarTrails/niehaisheng.webp", + // } + ], + missionStartDate: "2003.10.15 09：00", // 起飞时间 + flyTime: "21时28分", // 飞行市场 + missionEndDate: "2003.10.16 06：28", // 着陆时间 + description: "公元2003年10月15日（中元4700年农历09月20日）神舟五号飞船搭载航天员杨利伟在酒泉卫星发射中心发射升空，在轨飞行14圈，顺利完成各项预定操作任务后，其返回舱于2003年10月16日6时23分返回内蒙古主着陆场，“神五”任务的圆满成功，标志着中国成为世界上第三个独立掌握载人航天技术的国家，实现了中华民族千年飞天梦！" // 任务描述 + }, + { + id: 2, // id + logoSrc: "../assets/images/ChronologyOfStellarTrails/logo02.png", // 任务logo rocketName: "神舟六号", // 火箭名称 launchDate: "2005 10 12", // 发射日期 people: [ // 参与人员 { name: "费俊龙", // 姓名 - imgSrc: "../assets/images/ChronologyOfStellarTrails/feijunlong.webp", // 头像图片路径 + imgSrc: "../assets/images/ChronologyOfStellarTrails/hero02_1.jpg", // 头像图片路径 }, { name: "聂海胜", - imgSrc: "../assets/images/ChronologyOfStellarTrails/niehaisheng.webp", + imgSrc: "../assets/images/ChronologyOfStellarTrails/hero02_2.jpg", } ], - missionStartDate: "2005.10.12 09:00", // 起飞时间 - flyTime: "4天19小时32分", // 飞行市场 - missionEndDate: "2005.10.17 09:00", // 着陆时间 - description: "公元2005年10月12日神舟六号飞船搭载航天员费俊龙、聂海胜成功发射升空进入预定轨道。2005年10月17日返回舱在内蒙古中部预定区域成功着陆，完成了多人多天航天飞行的任务。神舟六号载人航天飞行的成功实现顺利开局，是中国载人航天工程继神舟五号首次载人飞行之后取得的又一具有里程碑意义的重大成果。" // 任务描述 + missionStartDate: "2005.10.12 9：00", // 起飞时间 + flyTime: "4天19时32分", // 飞行市场 + missionEndDate: "2005.10.17 4：32", // 着陆时间 + description: "公元2005年10月12日神舟六号飞船搭载航天员费俊龙、聂海胜成功发射升空进入预定轨道。2005年10月17日返回舱在内蒙古中部预定区域成功着陆，完成了多人多天”航天飞行的任务。神标志着载人工程第二步任务舟六号载人航天飞行的成功实现顺利开局，是中国载人航天工程继神舟五号首次载人飞行之后取得的又一具有里程碑意义的重大成果。" // 任务描述 }, { - id: 2, // id - logoSrc: "../assets/images/ChronologyOfStellarTrails/shenzhouliuhaologo.webp", // 任务logo + id: 3, // id + logoSrc: "../assets/images/ChronologyOfStellarTrails/logo03.png", // 任务logo rocketName: "神舟七号", // 火箭名称 - launchDate: "2008 09 25", // 发射日期 + launchDate: "2008 09 15", // 发射日期 people: [ // 参与人员 { - name: "翟志刚", // 姓名 - imgSrc: "../assets/images/ChronologyOfStellarTrails/feijunlong.webp", // 头像图片路径 + name: "刘伯明", // 姓名 + imgSrc: "../assets/images/ChronologyOfStellarTrails/hero03_1.jpg", // 头像图片路径 }, { - name: "刘伯明", - imgSrc: "../assets/images/ChronologyOfStellarTrails/niehaisheng.webp", + name: "聂海胜", + imgSrc: "../assets/images/ChronologyOfStellarTrails/hero03_2.jpg", + }, + { + name: "景海鹏", + imgSrc: "../assets/images/ChronologyOfStellarTrails/hero03_3.jpg", } ], - missionStartDate: "2008.09.25 09:00", // 起飞时间 - flyTime: "4天19小时32分", // 飞行市场 - missionEndDate: "2008.09.25 09:00", // 着陆时间 - description: "公元2008年9月25日神舟七号飞船搭载航天员翟志刚、刘伯明成功发射升空进入预定轨道。2008年9月25日返回舱在内蒙古中部预定区域成功着陆，完成了多人多天航天飞行的任务。神舟七号载人航天飞行的成功实现顺利开局，是中国载人航天工程继神舟五号首次载人飞行之后取得的又一具有里程碑意义的重大成果。" // 任务描述 + missionStartDate: "2008.09.25 21：10", // 起飞时间 + flyTime: "2天20时27分", // 飞行市场 + missionEndDate: "2008.09.28 17：37", // 着陆时间 + description: "公元2008年09月25日（中元4705年农历09月10日）神舟七号发射升空，成功进入预定轨道，于2008年9月27日进行出舱活动，完成中国人首次太空行走，并实现了小卫星伴飞，成功完成了多项技术试验。于2008年9月28日进入返回程序，返回舱安全着陆于内蒙古预定区域，“神七”载人飞行任务取得圆满成功！" // 任务描述 }, { - id: 3, // id - logoSrc: "../assets/images/ChronologyOfStellarTrails/shenzhouliuhaologo.webp", // 任务logo - rocketName: "神舟八号", // 火箭名称 - launchDate: "2011 11 09", // 发射日期 + id: 4, // id + logoSrc: "../assets/images/ChronologyOfStellarTrails/logo04.png", // 任务logo + rocketName: "神舟九号", // 火箭名称 + launchDate: "2012 06 16", // 发射日期 people: [ // 参与人员 { name: "景海鹏", // 姓名 - imgSrc: "../assets/images/ChronologyOfStellarTrails/feijunlong.webp", // 头像图片路径 + imgSrc: "../assets/images/ChronologyOfStellarTrails/hero04_1.jpg", // 头像图片路径 + }, + { + name: "刘旺", + imgSrc: "../assets/images/ChronologyOfStellarTrails/hero04_2.jpg", + }, + { + name: "刘洋", + imgSrc: "../assets/images/ChronologyOfStellarTrails/hero04_3.jpg", + } + ], + missionStartDate: "2012.06.16 18：37", // 起飞时间 + flyTime: "12天15时", // 飞行市场 + missionEndDate: "2012.06.29 10：03", // 着陆时间 + description: "公元2012年06月16日（中元4709年农历04月27日）神舟九号发射升空，成功进入预定轨道，于2012年6月18日与天宫一号完成自动交会对接工作，建立刚性连接，形成组合体，于2012年6月29日返回舱在内蒙古主着陆场安全着陆。神舟九号任务的圆满成功为今后的载人航天的发展、空间站的建设奠定了良好的基础！" // 任务描述 + }, + { + id: 5, // id + logoSrc: "../assets/images/ChronologyOfStellarTrails/logo05.png", // 任务logo + rocketName: "神舟十号", // 火箭名称 + launchDate: "2013 06 11", // 发射日期 + people: [ // 参与人员 + { + name: "聂海胜", // 姓名 + imgSrc: "../assets/images/ChronologyOfStellarTrails/hero05_1.jpg", // 头像图片路径 + }, + { + name: "张晓光", + imgSrc: "../assets/images/ChronologyOfStellarTrails/hero05_2.jpg", + }, + { + name: "王亚平", + imgSrc: "../assets/images/ChronologyOfStellarTrails/hero05_3.jpg", + } + ], + missionStartDate: "2013.06.11 17：38", // 起飞时间 + flyTime: "15天", // 飞行市场 + missionEndDate: "2013.06.26 08：27", // 着陆时间 + description: "公元2013年06月11日（中元4710年农历05月04日）神舟十号发射升空，成功进入预定轨道。飞行期间，王亚平担任主讲老师，向地面课堂演示了几项物理实验，共计6000万名中小学生通过电视转播同步收看，分享宇宙知识，实现了航天工程领域、科普界和教育界在培养青少年方面的无间协作，并为后续空间站工程建设积累经验！" // 任务描述 + }, + { + id: 6, // id + logoSrc: "../assets/images/ChronologyOfStellarTrails/logo06.png", // 任务logo + rocketName: "神舟十一号", // 火箭名称 + launchDate: "2016 10 17", // 发射日期 + people: [ // 参与人员 + { + name: "景海鹏", // 姓名 + imgSrc: "../assets/images/ChronologyOfStellarTrails/hero06_1.jpg", // 头像图片路径 + }, + { + name: "陈冬", + imgSrc: "../assets/images/ChronologyOfStellarTrails/hero06_2.jpg", + } + ], + missionStartDate: "2016.10.17 07：30", // 起飞时间 + flyTime: "32天", // 飞行市场 + missionEndDate: "2016.11.18 13：33", // 着陆时间 + description: "公元2016年10月17日（中元4713年农历09月17日）神舟十一号发射升空，成功进入预定轨道，于2016年10月19日与天宫二号实现自动交会对接工作，形成组合体。于2016年11月18日进入返回程序，返回舱降落主着陆场。神舟十一号实现中国载人航天工程三步走中从第二步到第三步的跨越，为中国空间站建造运营和航天员长期驻留奠定了坚实的基础！" // 任务描述 + }, + { + id: 7, // id + logoSrc: "../assets/images/ChronologyOfStellarTrails/logo07.png", // 任务logo + rocketName: "神舟十二号", // 火箭名称 + launchDate: "2021 06 17", // 发射日期 + people: [ // 参与人员 + { + name: "聂海胜", // 姓名 + imgSrc: "../assets/images/ChronologyOfStellarTrails/hero07_1.jpg", // 头像图片路径 + }, + { + name: "刘伯明", + imgSrc: "../assets/images/ChronologyOfStellarTrails/hero07_2.jpg", + }, + { + name: "汤洪波", + imgSrc: "../assets/images/ChronologyOfStellarTrails/hero07_3.jpg", + } + ], + missionStartDate: "2021.06.17 09：22", // 起飞时间 + flyTime: "93天", // 飞行市场 + missionEndDate: "2021.09.17 13：34", // 着陆时间 + description: "公元2021年06月17日（中元4718年农历05月08日）神舟十二号发射升空，成功进入预定轨道，北京时间2021年6月17日15时54分，神舟十二号载人飞船采用自主快速交会对接模式成功对接于天和核心舱前向端口，与此前已对接的天舟二号货运飞船一起构成三舱（船）组合体。神舟十二号是我国空间站任务首次载人飞行任务，具有重要的里程碑意义！" // 任务描述 + }, + { + id: 8, // id + logoSrc: "../assets/images/ChronologyOfStellarTrails/logo08.png", // 任务logo + rocketName: "神舟十三号", // 火箭名称 + launchDate: "2021 10 16", // 发射日期 + people: [ // 参与人员 + { + name: "王亚平", // 姓名 + imgSrc: "../assets/images/ChronologyOfStellarTrails/hero08_1.jpg", // 头像图片路径 + }, + { + name: "翟志刚", + imgSrc: "../assets/images/ChronologyOfStellarTrails/hero08_2.jpg", + }, + { + name: "叶光富", + imgSrc: "../assets/images/ChronologyOfStellarTrails/hero08_3.jpg", + } + ], + missionStartDate: "2021.10.16 00：23", // 起飞时间 + flyTime: "183天", // 飞行市场 + missionEndDate: "2022.04.16 09：56", // 着陆时间 + description: "公元2021年10月16日（中元4718年农历09月11日）神舟十三号发射升空，成功进入预定轨道。“神十三”飞行任务是空间站关键技术验证阶段第六次飞行任务，也是该阶段最后一次飞行任务。神舟十三号载人飞行任务的圆满成功，标志着空间站关键技术验证阶段任务圆满完成，中国空间站即将进入建造阶段！" // 任务描述 + }, + { + id: 9, // id + logoSrc: "../assets/images/ChronologyOfStellarTrails/logo09.png", // 任务logo + rocketName: "神舟十四号", // 火箭名称 + launchDate: "2022 06 05", // 发射日期 + people: [ // 参与人员 + { + name: "陈冬", // 姓名 + imgSrc: "../assets/images/ChronologyOfStellarTrails/hero09_1.jpg", // 头像图片路径 }, { name: "刘洋", - imgSrc: "../assets/images/ChronologyOfStellarTrails/niehaisheng.webp", + imgSrc: "../assets/images/ChronologyOfStellarTrails/hero09_2.jpg", + }, + { + name: "蔡旭哲", + imgSrc: "../assets/images/ChronologyOfStellarTrails/hero09_3.jpg", + } + ], + missionStartDate: "2022.06.05 10：44", // 起飞时间 + flyTime: "183天", // 飞行市场 + missionEndDate: "2022.12.04 20：09", // 着陆时间 + description: "公元2022年06月05日（中元4719年农历05月07日）神舟十四号发射升空，成功进入预定轨道，北京时间2022年6月5日17时42分，成功对接干天和核心舱径向端口，整个对接过程历时约7小时！北京时间2022年11月30日7时33分，神舟十四号乘组迎来神舟十五号3名航天员顺利进驻中国空间站，完成“太空会师〞！" // 任务描述 + }, + { + id: 10, // id + logoSrc: "../assets/images/ChronologyOfStellarTrails/logo10.png", // 任务logo + rocketName: "神舟十五号", // 火箭名称 + launchDate: "2022 11 29", // 发射日期 + people: [ // 参与人员 + { + name: "费俊龙", // 姓名 + imgSrc: "../assets/images/ChronologyOfStellarTrails/hero10_1.jpg", // 头像图片路径 + }, + { + name: "邓清明", + imgSrc: "../assets/images/ChronologyOfStellarTrails/hero10_2.jpg", + }, + { + name: "张陆", + imgSrc: "../assets/images/ChronologyOfStellarTrails/hero10_3.jpg", + } + ], + missionStartDate: "2022.11.29 23：08", // 起飞时间 + flyTime: "187天", // 飞行市场 + missionEndDate: "2023.06.04 06：33", // 着陆时间 + description: "公元2022年11月29日（中元4720年农历11月06日），搭载神舟十五号载人飞船的长征二号F遥十五运载火箭在酒泉卫星发射中心点发射升空，成功进入预定轨道。11月30日7时33分，神舟十五号3名航天员顺利进驻中国空间站，与神舟十四号航天员乘组首次实现“太空会师”。此次发射成功标志着空间站关键技术验证和建造阶段规划的12次发射任务全部圆满完成！" // 任务描述 + }, + { + id: 11, // id + logoSrc: "../assets/images/ChronologyOfStellarTrails/logo11.png", // 任务logo + rocketName: "神舟十六号", // 火箭名称 + launchDate: "2023 05 30", // 发射日期 + people: [ // 参与人员 + { + name: "景海鹏", // 姓名 + imgSrc: "../assets/images/ChronologyOfStellarTrails/hero11_1.jpg", // 头像图片路径 + }, + { + name: "朱杨柱", + imgSrc: "../assets/images/ChronologyOfStellarTrails/hero11_2.jpg", + }, + { + name: "桂海潮", + imgSrc: "../assets/images/ChronologyOfStellarTrails/hero11_3.jpg", + } + ], + missionStartDate: "2023.05.30 09：31", // 起飞时间 + flyTime: "154天", // 飞行市场 + missionEndDate: "2023.10.31 08：11", // 着陆时间 + description: "公元2023年5月30日（中元4721年农历4月12日），神舟十六号发射升空。神舟十六号任务是中国载人航天工程进入空间站应用与发展阶段的首次载人飞行任务，开展了人因工程、航天医学等多项空间科学实验，在空间生命科学与人体研究、微重力物理和空间新技术等领域取得重要进展，迈出了载人航天工程从建设向应用、从投入向产出转变的重要一步！" // 任务描述 + }, + { + id: 12, // id + logoSrc: "../assets/images/ChronologyOfStellarTrails/logo12.png", // 任务logo + rocketName: "神舟十七号", // 火箭名称 + launchDate: "2023 10 26", // 发射日期 + people: [ // 参与人员 + { + name: "汤洪波", // 姓名 + imgSrc: "../assets/images/ChronologyOfStellarTrails/hero12_1.jpg", // 头像图片路径 + }, + { + name: "唐胜杰", + imgSrc: "../assets/images/ChronologyOfStellarTrails/hero12_2.jpg", + }, + { + name: "江新林", + imgSrc: "../assets/images/ChronologyOfStellarTrails/hero12_3.jpg", + } + ], + missionStartDate: "2023.10.26 11：14", // 起飞时间 + flyTime: "187天", // 飞行市场 + missionEndDate: "2024.04.30 17：46", // 着陆时间 + description: "公元2023年10月26日（中元4721年农历9月12日），搭载神舟十七号载人飞船的长征二号F遥十七运载火箭点火发射升空。神舟十七号发射成功并对接中国空间站，标志着中国载人航天走过空间站关键技术验证阶段和建造阶段，突破掌握航天员长期在轨驻留、空间站组装建造、再生式环控生保等8项关键技术，如期建成空间站，展现出新时代中国航天的加速度！" // 任务描述 + }, + { + id: 13, // id + logoSrc: "../assets/images/ChronologyOfStellarTrails/logo13.png", // 任务logo + rocketName: "神舟十八号", // 火箭名称 + launchDate: "2024 04 25", // 发射日期 + people: [ // 参与人员 + { + name: "叶光富", // 姓名 + imgSrc: "../assets/images/ChronologyOfStellarTrails/hero13_1.jpg", // 头像图片路径 + }, + { + name: "李聪", + imgSrc: "../assets/images/ChronologyOfStellarTrails/hero13_2.jpg", + }, + { + name: "李广苏", + imgSrc: "../assets/images/ChronologyOfStellarTrails/hero13_3.jpg", + } + ], + missionStartDate: "2024.04.25 20：58", // 起飞时间 + flyTime: "192天", // 飞行市场 + missionEndDate: "2024.11.04 01：24", // 着陆时间 + description: "公元2024年4月25日（中元4722年农历3月17日），神舟十八号发射升空。神舟十八号与神舟十七号乘组完成在轨轮换，开展空间科学与应用实验，实施航天员出舱活动及货物进出舱，进行空间站空间碎片防护装置安装、舱外载荷和舱外设备安装与回收等任务，开展科普教育和公益活动，以及空间搭载试验，进一步提升空间站运行效率，持续发挥综合应用效益！" // 任务描述 + }, + { + id: 14, // id + logoSrc: "../assets/images/ChronologyOfStellarTrails/logo14.png", // 任务logo + rocketName: "神舟十九号", // 火箭名称 + launchDate: "2024 10 30", // 发射日期 + people: [ // 参与人员 + { + name: "蔡旭哲", // 姓名 + imgSrc: "../assets/images/ChronologyOfStellarTrails/hero14_1.jpg", // 头像图片路径 + }, + { + name: "宋令东", + imgSrc: "../assets/images/ChronologyOfStellarTrails/hero14_2.jpg", + }, + { + name: "王浩泽", + imgSrc: "../assets/images/ChronologyOfStellarTrails/hero14_3.jpg", + } + ], + missionStartDate: "2024.10.30 04：27", // 起飞时间 + flyTime: "183天", // 飞行市场 + missionEndDate: "2025.04.30 13：08", // 着陆时间 + description: "公元2024年10月30日（中元4722年农历9月28日），神舟十九号载人飞船发射取得圆满成功，神舟十九号航天员乘组顺利进驻中国空间站。神舟十九号飞船发射，中国航天行稳致远，太空探索永无止境。一代代中国航天人努力拼搏、接续奋斗，不断刷新着中国高度，创造着中国奇迹，向着建设航天强国的奋斗目标勇毅前行！" // 任务描述 + }, + { + id: 15, // id + logoSrc: "../assets/images/ChronologyOfStellarTrails/logo15.png", // 任务logo + rocketName: "神舟二十号", // 火箭名称 + launchDate: "2025 04 24", // 发射日期 + people: [ // 参与人员 + { + name: "陈冬", // 姓名 + imgSrc: "../assets/images/ChronologyOfStellarTrails/hero15_1.jpg", // 头像图片路径 + }, + { + name: "陈中瑞", + imgSrc: "../assets/images/ChronologyOfStellarTrails/hero15_2.jpg", + }, + { + name: "王杰", + imgSrc: "../assets/images/ChronologyOfStellarTrails/hero15_3.jpg", } ], - missionStartDate: "2011.11.09 09:00", // 起飞时间 - flyTime: "4天19小时32分", // 飞行市场 - missionEndDate: "2011.11.14 09:00", // 着陆时间 - description: "公元2011年11月9日神舟八号飞船搭载航天员翟志刚、刘伯明成功发射升空进入预定轨道。2011年11月14日返回舱在内蒙古中部预定区域成功着陆，完成了多人多天航天飞行的任务。神舟八号载人航天飞行的成功实现顺利开局，是中国载人航天工程继神舟五号首次载人飞行之后取得的又一具有里程碑意义的重大成果。" // 任务描述 + missionStartDate: " 2025.04.24 17：17", // 起飞时间 + flyTime: "任务执行中", // 飞行市场 + missionEndDate: "任务执行中", // 着陆时间 + description: "公元2025年4月24日（中元4723年农历3月27日），神舟二十号发射升空。这一次，是神舟飞船第20次叩问苍穹。这一天，是中国第一颗人造地球卫星“东方红一号”发射成功55周年纪念日，也是第十个“中国航天日”。这一路，是中国人问天求索、迈向星辰大海的漫漫征途。“神舟二十号”的顺利升空，标志着中国航天事业再次取得了新的辉煌成就！" // 任务描述 }, ]