# process-map

**Repository Path**: zhaozhenfa1995/process-map

## Basic Information

- **Project Name**: process-map
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2021-04-01
- **Last Updated**: 2022-03-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README



在ant design pro中做的一个流程图组件，支持自定义颜色， 尺寸等

<!-- more -->

### React

<a href="https://zazzzf.github.io/process-map" target="_blank">在线预览</a> | 
<a href="http://www.zhaozhenfa1995.gitee.io/process-map" target="_blank">国内镜像</a> 

### Vue

<a href="https://zazzzf.github.io/vue-process-map/" target="_blank">在线预览</a> | 
<a href="http://www.zhaozhenfa1995.gitee.io/vue-process-map" target="_blank">国内镜像</a> 


话不多说，先上页面截图~ 具体使用及设计思路在个人博客

<a href="https://zazzzf.github.io/" target="_blank">BLOG</a> | 
<a href="http://www.zhaozhenfa1995.gitee.io" target="_blank">国内镜像</a> 

<img src="https://zazzzf.github.io/assets/img/Snipaste_2021-04-02_09-15-03.2df1736a.png" class="zoom-custom-imgs" />



## 参数配置

参数内置了 尺寸， 一级颜色， 二级颜色，

### Color

<img src="https://zazzzf.github.io/assets/img/Snipaste_2021-04-02_10-19-33.794bb21d.png" class="zoom-custom-imgs" />
<img src="https://zazzzf.github.io/assets/img/Snipaste_2021-04-02_10-26-34.06064abd.png" class="zoom-custom-imgs" />

### Size 

<img src="https://zazzzf.github.io/assets/img/Snipaste_2021-04-02_10-27-29.376fea56.png" class="zoom-custom-imgs" />

### 全部收起/展开

<img src="https://zazzzf.github.io/assets/img/ex.91e75c51.png" class="zoom-custom-imgs" />
<img src="https://zazzzf.github.io/assets/img/ex1.a75ce814.png" class="zoom-custom-imgs" />

## 项目地址


<a href="https://github.com/zazzzf/process-map/" target="_blank">react项目地址 Gitee</a>

<a href="http://gitee.com/zhaozhenfa1995/process-map" target="_blank">国内镜像</a>


## Vue版本
:tada: Vue版本 

<a href="https://github.com/zazzzf/vue-process-map" target="_blank">vue项目地址</a>

<a href="http://gitee.com/zhaozhenfa1995/process-map" target="_blank">国内镜像</a>

<img src="https://zazzzf.github.io/assets/img/Snipaste_2021-04-02_14-41-09.9a772e7a.png" class="zoom-custom-imgs" />