visual-drag-demo:可视化拖拽组件库DEMO
一个低代码平台的前端部分，靠拖拉拽生成页面。
功能点
这是本项目具有的功能点，如果想了解详情请参考本项目的三篇文档，每个功能点都有不同程度的描述以及动图帮助您理解。
编辑器
自定义组件
拖拽
删除组件，调整面板层级
放大缩小
撤消，重做
组件属性设置
吸附
预览，保存代码
绑定事件
绑定动画
引入PSD
手机模式
拖拽旋转
复制粘贴剪切
数据交互
发布
多个组件的组合和细分
文字组件
矩形组件
锁定组件
快捷键
网格线
编辑器快照的另一种实现方式
在线演示
文件
文件下载
资源详情
[{"title":"（ 72 个子文件 265KB ） visual-drag-demo:可视化拖拽组件库DEMO","children":[{"title":"visual-drag-demo-main","children":[{"title":"vue.config.js <span style='color:#111;'> 105B </span>","children":null,"spread":false},{"title":"package.json <span style='color:#111;'> 835B </span>","children":null,"spread":false},{"title":".github","children":[{"title":"workflows","children":[{"title":"ci.yml <span style='color:#111;'> 664B </span>","children":null,"spread":false}],"spread":true}],"spread":true},{"title":"LICENSE <span style='color:#111;'> 1.04KB </span>","children":null,"spread":false},{"title":"package-lock.json <span style='color:#111;'> 475.76KB </span>","children":null,"spread":false},{"title":"src","children":[{"title":"App.vue <span style='color:#111;'> 366B </span>","children":null,"spread":false},{"title":"assets","children":[{"title":"title.jpg <span style='color:#111;'> 70.67KB </span>","children":null,"spread":false},{"title":"iconfont","children":[{"title":"iconfont.eot <span style='color:#111;'> 3.05KB </span>","children":null,"spread":false},{"title":"iconfont.json <span style='color:#111;'> 1.04KB </span>","children":null,"spread":false},{"title":"iconfont.ttf <span style='color:#111;'> 2.88KB </span>","children":null,"spread":false},{"title":"iconfont.svg <span style='color:#111;'> 5.83KB </span>","children":null,"spread":false},{"title":"iconfont.js <span style='color:#111;'> 6.70KB </span>","children":null,"spread":false},{"title":"demo_index.html <span style='color:#111;'> 11.48KB </span>","children":null,"spread":false},{"title":"iconfont.woff <span style='color:#111;'> 2.05KB </span>","children":null,"spread":false},{"title":"iconfont.woff2 <span style='color:#111;'> 1.62KB </span>","children":null,"spread":false},{"title":"demo.css <span style='color:#111;'> 8.23KB </span>","children":null,"spread":false},{"title":"iconfont.css <span style='color:#111;'> 3.09KB </span>","children":null,"spread":false}],"spread":true}],"spread":true},{"title":"views","children":[{"title":"Home.vue <span style='color:#111;'> 4.85KB </span>","children":null,"spread":false}],"spread":true},{"title":"main.js <span style='color:#111;'> 487B </span>","children":null,"spread":false},{"title":"components","children":[{"title":"Editor","children":[{"title":"Preview.vue <span style='color:#111;'> 1.87KB </span>","children":null,"spread":false},{"title":"MarkLine.vue <span style='color:#111;'> 9.61KB </span>","children":null,"spread":false},{"title":"ContextMenu.vue <span style='color:#111;'> 3.17KB </span>","children":null,"spread":false},{"title":"Shape.vue <span style='color:#111;'> 12.80KB </span>","children":null,"spread":false},{"title":"Grid.vue <span style='color:#111;'> 1.11KB </span>","children":null,"spread":false},{"title":"index.vue <span style='color:#111;'> 9.55KB </span>","children":null,"spread":false},{"title":"Area.vue <span style='color:#111;'> 511B </span>","children":null,"spread":false},{"title":"ComponentWrapper.vue <span style='color:#111;'> 953B </span>","children":null,"spread":false}],"spread":true},{"title":"AttrList.vue <span style='color:#111;'> 2.74KB </span>","children":null,"spread":false},{"title":"ComponentList.vue <span style='color:#111;'> 1.29KB </span>","children":null,"spread":false},{"title":"Modal.vue <span style='color:#111;'> 837B </span>","children":null,"spread":false},{"title":"AnimationList.vue <span style='color:#111;'> 3.25KB </span>","children":null,"spread":false},{"title":"EventList.vue <span style='color:#111;'> 2.21KB </span>","children":null,"spread":false},{"title":"Toolbar.vue <span style='color:#111;'> 7.43KB </span>","children":null,"spread":false}],"spread":true},{"title":"custom-component","children":[{"title":"RectShape.vue <span style='color:#111;'> 354B </span>","children":null,"spread":false},{"title":"index.js <span style='color:#111;'> 216B </span>","children":null,"spread":false},{"title":"component-list.js <span style='color:#111;'> 2.09KB </span>","children":null,"spread":false},{"title":"VButton.vue <span style='color:#111;'> 824B </span>","children":null,"spread":false},{"title":"Group.vue <span style='color:#111;'> 1.91KB </span>","children":null,"spread":false},{"title":"Picture.vue <span style='color:#111;'> 323B </span>","children":null,"spread":false},{"title":"VText.vue <span style='color:#111;'> 2.98KB </span>","children":null,"spread":false}],"spread":true},{"title":"styles","children":[{"title":"reset.css <span style='color:#111;'> 450B </span>","children":null,"spread":false},{"title":"animate.css <span style='color:#111;'> 75.74KB </span>","children":null,"spread":false}],"spread":true},{"title":"utils","children":[{"title":"events.js <span style='color:#111;'> 567B </span>","children":null,"spread":false},{"title":"utils.js <span style='color:#111;'> 580B </span>","children":null,"spread":false},{"title":"translate.js <span style='color:#111;'> 3.23KB </span>","children":null,"spread":false},{"title":"generateID.js <span style='color:#111;'> 151B </span>","children":null,"spread":false},{"title":"calculateComponentPositonAndSize.js <span style='color:#111;'> 12.13KB </span>","children":null,"spread":false},{"title":"toast.js <span style='color:#111;'> 188B </span>","children":null,"spread":false},{"title":"eventBus.js <span style='color:#111;'> 77B </span>","children":null,"spread":false},{"title":"animationClassData.js <span style='color:#111;'> 5.00KB </span>","children":null,"spread":false},{"title":"shortcutKey.js <span style='color:#111;'> 2.95KB </span>","children":null,"spread":false},{"title":"decomposeComponent.js <span style='color:#111;'> 993B </span>","children":null,"spread":false},{"title":"runAnimation.js <span style='color:#111;'> 705B </span>","children":null,"spread":false},{"title":"style.js <span style='color:#111;'> 1.52KB </span>","children":null,"spread":false}],"spread":false},{"title":"router","children":[{"title":"index.js <span style='color:#111;'> 238B </span>","children":null,"spread":false}],"spread":false},{"title":"store","children":[{"title":"animation.js <span style='color:#111;'> 273B </span>","children":null,"spread":false},{"title":"index.js <span style='color:#111;'> 2.83KB </span>","children":null,"spread":false},{"title":"compose.js <span style='color:#111;'> 3.46KB </span>","children":null,"spread":false},{"title":"event.js <span style='color:#111;'> 260B </span>","children":null,"spread":false},{"title":"copy.js <span style='color:#111;'> 1.93KB </span>","children":null,"spread":false},{"title":"lock.js <span style='color:#111;'> 212B </span>","children":null,"spread":false},{"title":"layer.js <span style='color:#111;'> 1.37KB </span>","children":null,"spread":false},{"title":"contextmenu.js <span style='color:#111;'> 389B </span>","children":null,"spread":false},{"title":"snapshot.js <span style='color:#111;'> 1.12KB </span>","children":null,"spread":false}],"spread":false}],"spread":true},{"title":".eslintrc.js <span style='color:#111;'> 2.06KB </span>","children":null,"spread":false},{"title":".gitignore <span style='color:#111;'> 231B </span>","children":null,"spread":false},{"title":".browserslistrc <span style='color:#111;'> 30B </span>","children":null,"spread":false},{"title":"public","children":[{"title":"index.html <span style='color:#111;'> 660B </span>","children":null,"spread":false},{"title":"favicon.ico <span style='color:#111;'> 4.19KB </span>","children":null,"spread":false}],"spread":true},{"title":"README.md <span style='color:#111;'> 1.20KB </span>","children":null,"spread":false},{"title":".editorconfig <span style='color:#111;'> 160B </span>","children":null,"spread":false},{"title":"babel.config.js <span style='color:#111;'> 76B </span>","children":null,"spread":false}],"spread":false}],"spread":true}]
评论信息
其他资源
- (免费)The Architecture of Open Source Applications 1&2 及中文版 开源软件架构1和2
- vgg19网络模型百度云下载（npy和mat格式各一份）
- HisiGpio.cpp
- 基于OPENCV的完整图像处理程序
- CYUSB3014.pdf
- 雷达CFAR恒虚警检测仿真
- VHDL频率计报告
- 流体阻力计算软件pipedrop1.2.3+注册机
- Visio配线架1U24口
- 基于3D图形开发技术（计算机图形学）
- 2020年量子信息技术发展与应用研究报告（2020年）.pdf
- SystemVerilog讲座.ppt
- MATLAB及在电子信息课程中的应用课后答案
- LabView CVI 标准函数库 技术手册
- Android高级图片滚动控件，3D版的图片轮播器Demo
- json-lib-2.4
- 基于类别不平衡手机加速度传感器数据的人体行为识别
- grbl1.1配置教程
免责申明
【只为小站】的资源来自网友分享，仅供学习研究，请务必在下载后24小时内给予删除，不得用于其他任何用途，否则后果自负。基于互联网的特殊性，【只为小站】 无法对用户传输的作品、信息、内容的权属或合法性、合规性、真实性、科学性、完整权、有效性等进行实质审查；无论 【只为小站】 经营者是否已进行审查，用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。
本站所有资源不代表本站的观点或立场，基于网友分享，根据中国法律《信息网络传播权保护条例》第二十二条之规定，若资源存在侵权或相关问题请联系本站客服人员，zhiweidada#qq.com，请把#换成@，本站将给予最大的支持与配合，做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明
本站所有资源不代表本站的观点或立场，基于网友分享，根据中国法律《信息网络传播权保护条例》第二十二条之规定，若资源存在侵权或相关问题请联系本站客服人员，zhiweidada#qq.com，请把#换成@，本站将给予最大的支持与配合，做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明