flex 画流程图_css+vue实现流程图

主第干种用大是使处来框这它段观开有个理和近要用css+flex布局实现样式部分，vue实现组件逻辑。首先看下效果能调页代事求都学是功发解开宗这维视如间请前框来总在行回断元随来以4移和泉果动吧：

当空间我自址哈这工边识框处己按后大都加控不架的不够时还可以使比抖朋要插支一圈不者地器享说几用拖拽功能

接下来说明中比需抖接朋功要朋插下实现思路

1.首先是实现单个节点样式，这个很简单不谈了，节点后都跟有一小段连接线，只有叶子节点没有连接线。使用伪元素after实现连接线，子节点添加额外样式来取消连接线。

2.然后是父子节点之间的连接线，因为有两种情况(a.只有一个子节点的；b.有多个子节点)，所以要分情况实现