# earthquake

**Repository Path**: Hook-shy/earthquake

## Basic Information

- **Project Name**: earthquake
- **Description**: 基于Echarts的实时地震数据可视化——前端
使用Vue.js开发；
图表绘制使用Apache ECharts;
界面组件使用Ant Design of Vue - Ant Design Vue;
前后端通信使用axios - npm;
- **Primary Language**: NodeJS
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: http://121.196.96.54/home
- **GVP Project**: No

## Statistics

- **Stars**: 4
- **Forks**: 3
- **Created**: 2021-07-15
- **Last Updated**: 2025-01-02

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Vue, Echarts, Ant-Design, Axios

## README

# earthquake

#### 介绍
基于Echarts的实时地震数据可视化网站——前端，网站地址：[实时地震](http://116.205.133.155/home)

#### 软件架构
- 使用[Vue.js (vuejs.org)](https://cn.vuejs.org/)开发；
- 图表绘制使用[Apache ECharts](https://echarts.apache.org/zh/index.html)；
- 界面组件使用[Ant Design of Vue - Ant Design Vue (antdv.com)](https://www.antdv.com/docs/vue/introduce-cn/)；
- 前后端通信使用[axios - npm (npmjs.com)](https://www.npmjs.com/package/axios)；

#### 项目预览

![image-20210715211754227](https://gitee.com/Hook-shy/earthquake/raw/master/demo_img/image-20210715211754227.png)

![image-20210715211913771](https://gitee.com/Hook-shy/earthquake/raw/master/demo_img/image-20210715211913771.png)

![image-20210715212040793](https://gitee.com/Hook-shy/earthquake/raw/master/demo_img/image-20210715212040793.png)

![image-20210715212120472](https://gitee.com/Hook-shy/earthquake/raw/master/demo_img/image-20210715212120472.png)

![image-20210715212151448](https://gitee.com/Hook-shy/earthquake/raw/master/demo_img/image-20210715212151448.png)

![image-20210715212228352](https://gitee.com/Hook-shy/earthquake/raw/master/demo_img/image-20210715212228352.png)

![image-20210715212319588](https://gitee.com/Hook-shy/earthquake/raw/master/demo_img/image-20210715212319588.png)

![image-20210715212353869](https://gitee.com/Hook-shy/earthquake/raw/master/demo_img/image-20210715212353869.png)

#### 安装教程

1.  xxxx
2.  xxxx
3.  xxxx

#### 使用说明

1.  xxxx
2.  xxxx
3.  xxxx

#### 参与贡献

1.  Fork 本仓库
2.  新建 Feat_xxx 分支
3.  提交代码
4.  新建 Pull Request


#### 特技

1.  使用 Readme\_XXX.md 来支持不同的语言，例如 Readme\_en.md, Readme\_zh.md
2.  Gitee 官方博客 [blog.gitee.com](https://blog.gitee.com)
3.  你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解 Gitee 上的优秀开源项目
4.  [GVP](https://gitee.com/gvp) 全称是 Gitee 最有价值开源项目，是综合评定出的优秀开源项目
5.  Gitee 官方提供的使用手册 [https://gitee.com/help](https://gitee.com/help)
6.  Gitee 封面人物是一档用来展示 Gitee 会员风采的栏目 [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)