基于 vue.js 可视化拖拽低代码VisualDrag(vue实现拖拽可视化)

基于 vue.js 可视化拖拽低代码VisualDrag(vue实现拖拽可视化)

今天给大家分享一个vue.js低代码平台模板,靠拖拉拽生成页面

基于 vue.js 可视化拖拽低代码VisualDrag(vue实现拖拽可视化)

visual-drag 使用 vue.js 开发构建的低代码(可视化拖拽)模板。实现了比较多丰富的功能。

基于 vue.js 可视化拖拽低代码VisualDrag(vue实现拖拽可视化)基于 vue.js 可视化拖拽低代码VisualDrag(vue实现拖拽可视化)

功能清单

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

基于 vue.js 可视化拖拽低代码VisualDrag(vue实现拖拽可视化)

快速开始

// 克隆项目git clone https://github.com/woai3c/visual-drag-demo.git// 安装依赖npm i// 运行npm run dev// 构建npm run build

非常不错的一款低代码模板,如果大家对可视化拖拽模板感兴趣,可以去看看。

// 预览地址https://woai3c.github.io/visual-drag-demo// 仓库地址https://github.com/woai3c/visual-drag-demo

好了,今天的分享就到这里。

相关新闻

联系我们
联系我们
公众号
公众号
在线咨询
分享本页
返回顶部