# Virus

**Repository Path**: MayReset/Virus

## Basic Information

- **Project Name**: Virus
- **Description**: 仿丁香园疫情大数据还原的页面和数据
- **Primary Language**: JavaScript
- **License**: AFL-3.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2020-03-13
- **Last Updated**: 2021-08-06

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 仿丁香园的新冠状病毒实时播报页

## 项目说明
```
--------------------请在手机上预览，或者打开谷歌控制台手机预览模式--------------------------------------

由于疫情原因太久没编码了，正好在学习Vue，就拿了丁香园这个疫情来练练手。

技术栈：Vue-CLI+Vue+VueRouter+Axios+Echarts+Vant

npm install 安装，命令行 npm run serve 开发模式运行，npm run build 生产模式运行。cdn方面我没有过多的去优化。

同时请求多个数据接口的时候会报浏览器跨域错误，导致请求失败。我目前还没找到是什么原因。所以有时候会出现组件加载不

出来的情况，要刷新试试。

因为接口里面省级历史数据是个json文件。展示太麻烦。所以我只展示了湖北省（1月20号到3月10号）的数据，地图上点击任

何一个省跳转的数据都是湖北的。数据表格也是一样的。
```

## 数据请求接口

<h3>所有的数据请求都来自于这里: <a href="https://github.com/BlankerL/DXY-COVID-19-Crawler" style="text-decoration:none">https://github.com/BlankerL/DXY-COVID-19-Crawler</a></h3>

## 网页截图

<img src="https://gitee.com/ThxMay/Virus/raw/master/img/IMG_2029.PNG" width="40%" height="40%" alt="疫情预览">
<img src="https://gitee.com/ThxMay/Virus/raw/master/img/IMG_2030.PNG" width="40%" height="40%" alt="疫情地图">
<img src="https://gitee.com/ThxMay/Virus/raw/master/img/IMG_2032.PNG" width="40%" height="40%" alt="实时播报">
<img src="https://gitee.com/ThxMay/Virus/raw/master/img/IMG_2033.PNG" width="40%" height="40%" alt="疾病知识">
<img src="https://gitee.com/ThxMay/Virus/raw/master/img/IMG_2034.PNG" width="40%" height="40%" alt="升级数据">

## 结语
<div>
项目比较简单，适合新手练手。还有些功能没有完善，需要的可以自行完善。
</div>
<div>
原网址地址 <a href="https://ncov.dxy.cn/ncovh5/view/pneumonia" style="text-decoration:none">https://ncov.dxy.cn/ncovh5/view/pneumonia</a>