# logicflow-vue3

**Repository Path**: shifeipython/logicflow-vue3

## Basic Information

- **Project Name**: logicflow-vue3
- **Description**: No description available
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2024-12-03
- **Last Updated**: 2025-01-15

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<div align="center">
  <img width="130" height="130" src="./src/assets/images/logo-circle.jpg">
</div>


## logicflow-vue3

🎉 logicflow+vue3+elementplus的流程编排。vue2版本在vue2分支。

<div>
  <img width="100%" src="./img/view1.jpg">
</div>
<div>
  <img width="100%" src="./img/view2.jpg">
</div>



## 功能亮点

- 左侧树形，支持无数层

- 自定义节点图标+文字，样式美观



## 运行步骤

使用node18

```
npm config set registry https://registry.npmmirror.com/
npm install
npm run dev
```



## 项目集成

- 下载logicflow依赖

"@logicflow/core": "^1.2.26",

"@logicflow/extension": "^1.2.26"

- 把src/views/design目录复制到自己项目里即可



## 鸣谢

- https://github.com/didi/LogicFlow

- https://site.logic-flow.cn/examples



## 项目链接

- https://github.com/xoobom/logicflow-vue3

  


## 沟通交流

### QQ群

群号：692252235     

<div>
  <img width="250" src="./img/qq-group.jpg">
</div>




## 捐赠

如果您觉得这个项目帮助到了您，您可以捐赠 :moneybag: 表示鼓励 :coffee:
<div>
  <img width="250" src="./img/alipay.jpg">
  <img width="250" src="./img/wechatpay.jpg">
</div>