visual-drag-demo:可视化拖拽组件库DEMO

上传者: 42131352 | 上传时间: 2023-03-29 14:42:15 | 文件大小: 265KB | 文件类型: ZIP
Vue
一个低代码平台的前端部分,靠拖拉拽生成页面。 功能点 这是本项目具有的功能点,如果想了解详情请参考本项目的三篇文档,每个功能点都有不同程度的描述以及动图帮助您理解。 编辑器 自定义组件 拖拽 删除组件,调整面板层级 放大缩小 撤消,重做 组件属性设置 吸附 预览,保存代码 绑定事件 绑定动画 引入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}]

评论信息

免责申明

【只为小站】的资源来自网友分享,仅供学习研究,请务必在下载后24小时内给予删除,不得用于其他任何用途,否则后果自负。基于互联网的特殊性,【只为小站】 无法对用户传输的作品、信息、内容的权属或合法性、合规性、真实性、科学性、完整权、有效性等进行实质审查;无论 【只为小站】 经营者是否已进行审查,用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。
本站所有资源不代表本站的观点或立场,基于网友分享,根据中国法律《信息网络传播权保护条例》第二十二条之规定,若资源存在侵权或相关问题请联系本站客服人员,zhiweidada#qq.com,请把#换成@,本站将给予最大的支持与配合,做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明