Skip to content

基于开源生态的拖拽搭建demo, 支持参考线, 全选合并, 吸附以及撤销重做等

License

Notifications You must be signed in to change notification settings

MrXujiang/vue3-drag-demo

Repository files navigation

vue3-drag-demo 👋

Version License: MIT

License: MIT

可视化拖拽Demo, 支持参考线, 吸附, 全选, 合并, 撤销重做等 | Visual drag-and-drop demo, support guides, snapping, select all, merge, undo redo, etc.

Features

  • 基础组件 Foundation Components
  • 组件控制器, 支持删除, 控制句柄, 旋转, 元素多选 Component controller, support for deletion, control handle, rotation, element multi-selection
  • 上传图片 Upload an image
  • 参考线 Guides
  • 全选, 批量移动 Select all, move in bulk
  • 撤销重做 Undo the redo
  • 元素组合 element combination
  • 导入 / 导出json Import/export JSON

本项目基于 es-drager 封装, 仅供参考学习. 如果想学习或者体验更多低代码零代码设计思路, 欢迎和我交流沟通, 也可以体验如下项目, 为你的设计提供灵感.

This project is based on the 'es-drager' package, which is for reference only. If you want to learn or experience more low-code zero-code design ideas, welcome to communicate with me, and you can also experience the following projects to provide inspiration for your design.

More Production

name Description
H5-Dooring 让H5制作像搭积木一样简单, 轻松搭建H5页面, H5网站, PC端网站, LowCode平台.
V6.Dooring 可视化大屏解决方案, 提供一套可视化编辑引擎, 助力个人或企业轻松定制自己的可视化大屏应用.
dooring-electron-lowcode 基于electron的H5-Dooring编辑器桌面端.
PC-Dooring 网格式拖拽搭建PC端页面.
DooringSaas 快速高效搭建可视化搭建Saas平台.

Install

yarn install

Usage

yarn dev

Author

👤 徐小夕

Show your support

Give a ⭐️ if this project helped you!

技术反馈和交流群 | Technical feedback and communication

微信:beautifulFront

About

基于开源生态的拖拽搭建demo, 支持参考线, 全选合并, 吸附以及撤销重做等

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published