# feitian

**Repository Path**: AlphaGuoGuo/feitian

## Basic Information

- **Project Name**: feitian
- **Description**: 致敬中国航天，武汉大学零杯网页设计大赛优胜奖
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-11-05
- **Last Updated**: 2022-11-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# ZeroCup-Goup1-2022——from wanhu team

## 一、使用方式
*   执行`npm install`或`pnpm install`安装依赖
*   执行`npm run dev`或`pnpm dev`在本地运行项目

## 二、介绍

尊敬的评委您好，我们是队伍“做一不做零，月是故乡明——古今第一人万户的小弟们”。队长是来自计算机学院2021级的俞伟鹏，队员是来自信息管理学院2019级的冯之洋、2020级的郭宗涵和董亦非。

团队成员怀抱着对于网站构建的兴趣，以万户敢于探索的精神为向导，争取将我国艰苦而辉煌的航天航空事业通过创意型网站的方式展示出来，并以趣味性的方式展示航空航天知识。项目展现出的航天事业和半个世纪的史实相比无异于管中窥豹，还请评委们多多指正，以期成就更好的作品。

## 三、作品简介

​ ​我们以主题《致敬航天精神》创作了这一作品，伟大的航空航天事业孕育伟大的航空航天精神。作品呈现了航天事业激动人心的发展史和关于飞行器鉴别及空间站搭建的航天知识，旨在发扬航天航空精神，让更多的人成为航空航天爱好者。


## 四、内容相关

*   作品分为**主目录和两个分板块**（航天航空事业、航天航空知识）

*   主目录引入主题和引出两个分板块，以及最后的结尾总结。

### 航天航空事业

​谁是中国的**太空之眼**？是为航空航天事业奋斗的一群追梦人。在西方技术全封锁的条件下，从事这样一个危险和复杂的事业的万分不易的。就是在这样混着黄沙咽下血泪的日子里，我们取得了从1970年第一次发射自主研发的人造卫星到2022年**建成空间在轨实验室**的一系列伟大成就，同时在**火星探测、月球探索、北斗导航**等领域不断前进。是这群奋斗在航空航天事业的 **“万户们”** 为中国开宇宙之眼，在星辰大海里托举着龙的轨迹直上浩瀚苍穹。

### 航天航空知识

长征运载火箭、神舟载人飞船、天舟货运飞船、空间实验室，四个板块的卡片知识让用户对运载火箭、载人飞船、货运飞船、空间实验室的概念不再困惑！运载火箭发射载人飞船、货运飞船和空间实验室，空间实验室是空间站的雏形，和载人飞船、货运飞船进行对接，让宇航员能够进入实验室并获取补给。


![](image/image_liQaaBTWii.png)

## 五、制作相关
*   界面规格：1920

*   本项目使用vue框架进行开发，此外**不再使用第三方库**

*   为了靠近项目工程化和团队协作性，我们使用`git`和`github`进行版本管理和协作，使用`vue-router`管理路由跳转，使用`eslint`、`commitizen`等插件提高团队协作的代码结构规范

*   项目的工程结构良好，开发可复用的组件，页面代码与组件代码分离，方便开发

### 主页面

*   放置了标题和网站内容简介

*   运用了大量css动画，包括弹跳的文字、背景的星空、背景移动的斑斓炫光、以及旋转的地球（~~是的它并不是一张gif，鼠标放上去可以暂停旋转~~）

### 子页面1（中国航天事业简史）

（待补充）

### 子页面2（航空知识科普）

*   第一屏是一个翻卡片的互动，旨在介绍飞行器、空间站等航天器，点击查看详情按钮，之后弹窗展示详情，提高趣味性

*   第二篇是一个视频的动效，展示太空舱上观看地球的样貌

### 其他

*   顶部的导航栏可以实现页面的跳转

*   右下角的小火箭是返回顶部的按钮

## 五、资源资料来源

*   [首页 - 知乎 (zhihu.com)](https://www.zhihu.com/ "首页 - 知乎 (zhihu.com)")

*   [B站](https://www.bilibili.com/ "B站")

*   [【星球研究所】与神舟飞船共同成长的二十年 - 哔哩哔哩 (bilibili.com)](https://www.bilibili.com/read/cv4011969/ "【星球研究所】与神舟飞船共同成长的二十年 - 哔哩哔哩 (bilibili.com)")

*   [百度百科-知识专题 (baidu.com)](https://baike.baidu.com/wapui/subpage/knowledgetopic?id=d49633ff24bfba96d1354ef5 "百度百科-知识专题 (baidu.com)")

## 六、感谢

​	特别感谢为这次比赛创造机会的学长学姐以及老师们！也特别感谢团队中每一位成员

​

												 				2022.11.6