laddwong / easy-topo

vue+svg+element-ui 快捷画出网络拓扑图

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

easy_topo

Demo演示地址

戳这里 演示地址

框架·库·工具

  • Vue2.0
  • Element-UI
  • @vue/cli

功能及使用说明

新建节点

  • 从左侧节点库中拖动到右边空白区域
  • image

连接节点

  • 鼠标右击节点,左键选择连接选项,点击另一个节点完成连接
  • image

节点重命名

  • 鼠标右击节点,左键选择重命名,输入新名称
  • image

删除节点

  • 鼠标右击节点,左键选择删除节点并确认
  • image

About

vue+svg+element-ui 快捷画出网络拓扑图

License:MIT License


Languages

Language:Vue 85.0%Language:JavaScript 10.7%Language:HTML 4.2%