# easy-topo

**Repository Path**: fumk/easy-topo

## Basic Information

- **Project Name**: easy-topo
- **Description**: 一个简单的可视化拓扑图
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 1
- **Created**: 2025-07-17
- **Last Updated**: 2025-09-21

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# easy_topo

## Demo演示地址
戳这里 [演示地址](https://laddwong.github.io/easy-topo/index.html)

## 框架·库·工具
- Vue2.0
- Element-UI
- @vue/cli

## 功能及使用说明

### 新建节点
- 从左侧节点库中拖动到右边空白区域
- ![image](https://raw.githubusercontent.com/laddwong/easy-topo/master/gif/new%20node.gif)

### 连接节点
- 鼠标右击节点，左键选择连接选项，点击另一个节点完成连接
- ![image](https://raw.githubusercontent.com/laddwong/easy-topo/master/gif/connect.gif)

### 节点重命名
- 鼠标右击节点，左键选择重命名，输入新名称
- ![image](https://raw.githubusercontent.com/laddwong/easy-topo/master/gif/rename.gif)

### 删除节点
- 鼠标右击节点，左键选择删除节点并确认
- ![image](https://raw.githubusercontent.com/laddwong/easy-topo/master/gif/delelte%20node.gif)