# ymz-vue-es6-demo

**Repository Path**: yumengzhong/ymz-vue-es6-demo

## Basic Information

- **Project Name**: ymz-vue-es6-demo
- **Description**: 我的日常demo
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2018-06-05
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# ymz-demo

开始是一个前后台耦合的老项目，前端改个颜色要都反应一会，严重影响效率和心情，然后就搭建这个demo项目，把页面主要的调完 然后合到项目中去，这样效率高些，心情舒畅，还留下这个demo方便以后查阅。

> demo以es6 + Vue为基础
现在包含：

1.基于flex的响应式布局
2.百度echarts(bar、pie等)
3.竖向分割线（伪元素）
4.elementui  el-date-picker节假日不可选
5.基于百度echarts-gl可视化音乐🎵
6.html2canvas DEMO


## Build Setup

``` bash
# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build
```


![](http://7xrgfl.com1.z0.glb.clouddn.com/15342317485096.jpg)
![](http://7xrgfl.com1.z0.glb.clouddn.com/15342321579439.jpg)
![](http://7xrgfl.com1.z0.glb.clouddn.com/15342321803943.jpg)
![](http://7xrgfl.com1.z0.glb.clouddn.com/15342322195909.jpg)
![](http://7xrgfl.com1.z0.glb.clouddn.com/15342324601833.jpg)
![](http://7xrgfl.com1.z0.glb.clouddn.com/15342324795229.jpg)


跟随音乐播放的可视化

![QQ20180814-154315-HD](http://7xrgfl.com1.z0.glb.clouddn.com/QQ20180814-154315-HD.gif)