# 冬奥科普介绍网站

**Repository Path**: likeColdWater/winter-olympics

## Basic Information

- **Project Name**: 冬奥科普介绍网站
- **Description**: 这是一个介绍冬奥会的项目
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-02-08
- **Last Updated**: 2022-02-17

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 冬奥科普介绍网站

#### 介绍
这是一个介绍冬奥会的项目

字节前端训练项目

#### 软件架构
|            | 工具名      |
|------------|-------------|
| 框 架      | Vue3        |
| 组件库     | ElementPlus |
| 可视化工具 | Echarts     |
| 打包工具   | Vite        |

#### 使用说明

安装依赖后就可以使用，没来得及做后端大部分数据是直接写好的

#### 开发背景：
第24届冬季奥林匹克运动会在中国北京市和河北省张家口市联合举行，
自2022年2月4日开幕以来，热搜不断，带领潮流，难求一墩的吉祥物冰墩墩，勇夺自由式滑雪女子大跳台金牌的天才少女谷爱凌，
时隔八年，挑战4A的花滑王子羽生结弦，凭借一口“大渣子味”相声火出圈的短道速滑冠军王濛等，吸引了大批目光，使得许多人想了解这些可爱，坚强的运动员所参加的项目，
这给了我们灵感，制作一个与冬奥会相关的科普网站。
#### 项目介绍：
本网站主要开发四个页面来给大家科普冬奥会小知识：
冬奥精彩视频页面（主页）：播放2022届冬奥会相关视频
冬奥主办城市页面：地球上标明了往届冬奥会举办地点，使用Echarts.js来实现，右边展示冬奥会历史介绍
冬奥项目介绍页面：介绍冬奥会中的各个项目
奖牌榜页面：通过引入2022年北京东奥会奖牌榜API接口，获取动态数据并展示出来，轮播图内展示当前上榜国家国旗