前端菜鸟
基于vue和svg的树形UI
vue-svg-tree
基于vue和svg的动态树形UI
截图
应用
npm install vue-svg-tree
示例
参数
| 参数 | 描述 | 类型 | 默认/是否必须 |
|---|---|---|---|
| treeData | 树形结构数据 | Array | 必须 |
| direction | 树形方向 | String | ‘row’/‘col’(纵/横) |
| svgId | svgId | String | ‘svgId’(一个页面多个图时svgId不能相同) |
| curveness | 连接线是直线还是弧线 | Boolean | false(false：弧线；true：直线) |
ToDo
- [x]横向显示还有点小问题没有修复
- [x]弧度不可调整
- [x]框框样式暂时不可自定义，暂时建议复制源码修改，后期会修改为可配置，欢迎pr
链接
本文由 Calamus 作者：calamus 发表，转载请注明来源！
calamus
文章：83 画廊：1
