前端菜鸟

基于vue和svg的树形UI

 

vue-svg-tree

基于vue和svg的动态树形UI

vue2
license

截图

截图

应用

  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

链接

github
官网

(0)

本文由 Calamus 作者:calamus 发表,转载请注明来源!

热评文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注