# Vue3-Demo

**Repository Path**: asurasir/Vue3-Demo

## Basic Information

- **Project Name**: Vue3-Demo
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-07-12
- **Last Updated**: 2025-07-12

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README


# 根据文件路径访问路由

> * 例如：
> * 文件路径：views/Paper/index.vue
> * 路由：/paper/index

## 仓库包含框架/组件

```js
1. "dhtmlx-gantt": "^8.0.6",//甘特图
2. "cesium": "^1.115.0",//三维地图
3. "grid-layout-plus": "^1.0.5",//拖拽网格布局
4. "dhtmlx-gantt": "^8.0.6",//甘特图
5. "leaflet": "^1.9.4",//二维地图
6. "paper": "^0.12.17",//canvas绘图
7. "three": "^0.161.0",//三维绘图
8. "gsap": "^3.12.5",//动画库
9. "@logicflow/core": "^2.0.6",//流程图
10. contenteditable输入框
11. "leaflet": "^1.9.4"//二维地图
12. "leafer-ui": "^1.0.10"//canvas绘图,更简单、更好用
```

### Paper.js

* [Vue3中使用paper.js](https://blog.csdn.net/qq_44775782/article/details/137052080)
* [在线浏览](https://rmq767.github.io/Vue3-Demo/#/paper/index)
* 封装程度不高，比较老，不建议用

### Cesium

* [Vue3中使用cesium](https://blog.csdn.net/qq_44775782/article/details/138565105)
* [在线浏览](https://rmq767.github.io/Vue3-Demo/#/cesium/getData)

### contenteditable输入框

* [contenteditable实现插入标签的输入框功能](https://blog.csdn.net/qq_44775782/article/details/139302247)
* [在线浏览](https://rmq767.github.io/Vue3-Demo/#/fneditor/index)

### 拖拽布局

* [在线浏览](https://rmq767.github.io/Vue3-Demo/#/draglayout/index)

### GSAP滚动动画

* [在线浏览](https://rmq767.github.io/Vue3-Demo/#/gsap/scroll)

### LogicFlow流程图

* [Vue3实现LogicFlow流程图](https://blog.csdn.net/qq_44775782/article/details/143598096)
* [在线浏览](https://rmq767.github.io/Vue3-Demo/#/logicflow/index)

### Leaflet地图+Leafer画图，实现地层和井轨迹的展示

* [Leaflet+Leafer实现地层、井轨迹的切面图展示](https://blog.csdn.net/qq_44775782/article/details/144561037)
* [在线浏览：直井+地层连接](https://rmq767.github.io/Vue3-Demo/#/leafer/leafer1/index)
* [在线浏览：画单井轨迹](https://rmq767.github.io/Vue3-Demo/#/leafer/leafer2/index)
* [在线浏览：选择井进行井轨迹展示](https://rmq767.github.io/Vue3-Demo/#/leafer/leafer3/index)