# vue-echarts-demo

**Repository Path**: promise-phyon/vue-echarts-demo

## Basic Information

- **Project Name**: vue-echarts-demo
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-05-07
- **Last Updated**: 2021-05-07

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# vuedemo
> 此项目用于vue学习，webpack +  vue2 + vue-cli + Echart3

## 安装步骤
``` bash
### 安装依赖包
npm install

### 启动项目 访问localhost:8090
npm run dev
```
## 部分效果图预览

### Echart地图拓展
![Echart地图拓展动图](https://raw.githubusercontent.com/LonHon/some-resource/master/vue-demo-img/map-pie.gif)

### 日历组件
#### 可下载单vue文件使用该组件，具体可见博客
![日历组件](https://raw.githubusercontent.com/LonHon/some-resource/master/vue-demo-img/calendar.gif)

### 双一流大学分布
![双一流大学分布动图](https://raw.githubusercontent.com/LonHon/some-resource/master/vue-demo-img/syl.gif)

### 图片上传预览
![图片上传预览动图](https://raw.githubusercontent.com/LonHon/some-resource/master/vue-demo-img/imgupload.gif)

### 文字溢出滚动
![文字溢出滚动long](https://raw.githubusercontent.com/LonHon/some-resource/master/vue-demo-img/scroll-long.gif)
上为短溢出，下为长溢出，有跳帧见谅。
![文字溢出滚动short](https://raw.githubusercontent.com/LonHon/some-resource/master/vue-demo-img/scroll-short.gif)

### 模糊查询- 待完成

![模糊查询动图](https://raw.githubusercontent.com/LonHon/some-resource/master/vue-demo-img/search.gif)