LogicFlow icon indicating copy to clipboard operation
LogicFlow copied to clipboard

LogicFlow案例分享

Open towersxu opened this issue 3 years ago • 3 comments

描述

LogicFlow为了提供足够的扩展性,默认情况下并不会做过多的样式、交互上的效果。我们提供了足够多的API支持您去实现您们产品、UI的效果。 在不涉及公司信息安全的情况下,欢迎您把LogicFlow在您们项目中的实际效果分享出来。

你可以分享

  1. 分享项目中的效果截图。
  2. 分享自己用LogicFlow实现的开源项目github地址。
  3. 分享使用了LogicFlow的网址。

我们还会做什么

  1. 在收集到足够多的分享后,我们会从中选区一些用的多的效果做成内置插件。
  2. 为后续提供案例展示模块收集素材。

towersxu avatar Jul 30 '22 03:07 towersxu

案例一

image

towersxu avatar Jul 30 '22 04:07 towersxu

12

guanalongaaa avatar Aug 10 '22 02:08 guanalongaaa

我把LogicFlow和自动布局、一键美化结合起来。

autolayout

QQ20220920-165532-HD

https://hsole.github.io/layoutFlow/

https://github.com/hsole/layoutFlow

hsole avatar Sep 20 '22 10:09 hsole

写了个预测LOL S12晋级图 实现了拖动节点实现自我复制的功能。

image

在线地址:https://hsole.github.io/S12/

源码地址:https://github.com/hsole/S12

hsole avatar Oct 11 '22 11:10 hsole

案例一

image

有源码地址吗

hadoop835 avatar Oct 31 '22 08:10 hadoop835

入门demo学习,请跳转:

Angular版本LogicFlow的入门DEMO实例请参考 码云 https://gitee.com/copperpeas/logicflow-angular github https://github.com/chenweihan/logicflow-angular Vue3LogicFlow的入门DEMO实例请参考((Vue2可参考)) 码云 https://gitee.com/copperpeas/logicflow-vue3 github https://github.com/chenweihan/logicflow-vue3

chenweihan avatar Jan 04 '23 00:01 chenweihan

这是vue2版本,一个简单的demo https://github.com/Waym1ng/logicflow_editing_demo 可以查看json,导入导出,编辑属性的示例

Waym1ng avatar Mar 09 '23 10:03 Waym1ng

想要这种hover效果 image image

love666 avatar Apr 11 '23 08:04 love666

移步 https://github.com/didi/LogicFlow/discussions/1301

wumail avatar Aug 23 '23 07:08 wumail

公司或组织:阿尔方斯 产品:基于人工智能的团队协作平台Teamlinker, 访问地址:Teamlinker Teamlinker开源项目 截图:

Screenshot 2023-11-13 at 11 46 24

sx1989827 avatar Nov 13 '23 03:11 sx1989827

产品:FinalMind在线脑图流程图工具 访问地址:https://mind.lingyun.net 截图:QQ20240102-120353@2x

ijry avatar Jan 02 '24 04:01 ijry

产品:RuleGo-Editor RuleGo 规则引擎可视化编辑器 RuleGo项目地址:RuleGo 演示地址:https://editor.rulego.cc/ 截图: image image

whki avatar Feb 21 '24 06:02 whki

我看示例中有关于react版本的泳道图,能否加一下vue2版本的泳道图,谢谢

harry5257 avatar Mar 05 '24 03:03 harry5257

我看示例中有关于react版本的泳道图,能否加一下vue2版本的泳道图,谢谢

哪里的示例?泳道节点本身不依赖框架呀

wumail avatar Mar 05 '24 03:03 wumail

我看示例中有关于react版本的泳道图,能否加一下vue2版本的泳道图,谢谢

哪里的示例?泳道节点本身不依赖框架呀

image 在https://site.logic-flow.cn/demo/dist/pool示例中

harry5257 avatar Mar 05 '24 03:03 harry5257

我看示例中有关于react版本的泳道图,能否加一下vue2版本的泳道图,谢谢

哪里的示例?泳道节点本身不依赖框架呀

imagehttps://site.logic-flow.cn/demo/dist/pool示例中

可以看这里的代码https://github.com/Logic-Flow/docs/tree/master/demo/pool/src/node ,本质是一个Logicflow自定义节点,不依赖框架,可以在vue里使用,但是这个泳道功能并不完善,可以参考一下

wumail avatar Mar 05 '24 03:03 wumail