Skip to content

woai3c/visual-drag-demo

Folders and files

NameName
Last commit message
Last commit date

Latest commit

e839e68 · Sep 10, 2024
Apr 19, 2024
Aug 3, 2022
Sep 10, 2024
Feb 17, 2022
Aug 31, 2024
Aug 31, 2024
Dec 19, 2020
Sep 10, 2024
Jul 15, 2022
Aug 31, 2024
Nov 24, 2022
Sep 10, 2024
Feb 22, 2021
Aug 31, 2024
Aug 31, 2024
Aug 31, 2024
Aug 31, 2024
Aug 31, 2024
Aug 31, 2024

Repository files navigation

一个低代码平台的前端部分,靠拖拉拽生成页面。

功能点

这是本项目具有的功能点,如果想了解详情请参考本项目的五篇文档,每个功能点都有不同程度的描述以及动图帮助你理解。

  1. 编辑器
  2. 自定义组件(文本、图片、矩形、圆形、直线、星形、三角形、按钮、表格、组合)
  3. 接口请求(通过接口请求组件数据)
  4. 组件联动
  5. 拖拽
  6. 删除组件、调整图层层级
  7. 放大缩小
  8. 撤消、重做
  9. 组件属性设置
  10. 吸附
  11. 预览、保存代码
  12. 绑定事件
  13. 绑定动画
  14. 拖拽旋转
  15. 复制粘贴剪切
  16. 多个组件的组合和拆分
  17. 锁定组件
  18. 网格线

在线 DEMO

文档

开发

安装

npm i

运行

npm run dev

打包

npm run build

License

MIT

赞助

如果你觉得本项目对你的帮助很大,可以请作者喝一杯奶茶🎁😉。