vue 拖拽产生连线_dragUI

dragUI是一个用于UNI可拖拽可视化的工具,它基于Vue.Draggable实现,允许用户通过拖拽组件并连接它们来创建界面。项目包括组件库、数据结构和操作组件的方法。通过此工具,开发者可以更直观地设计和预览界面,提高开发效率。目前,项目已实现基础拖拽组件和一些常见UI组件,未来计划添加更多组件并提升用户体验。
摘要由CSDN通过智能技术生成

dragUI

文档目录

用于UNI可拖拽可视化编程

在线演示

demo地址

一个简单创建hello world 界面的视频,github不会放视频,放在bilibli了

dragUI 演示视频

效果图

demo1.png

快速开始

参考uni官网安装普通uni项目(运行uni-app)运行到浏览器

另需要手动下载包npm install

致开发者

项目目录

colorui

common -----------------------公共方法

js

localStore.js --------本地存储方法

outExportFile.js -----项目导出成代码的方法

vue-context-menu.js --提供右键点击,添加了项目需要的事件反馈数据

vuedraggable.js ------vue拖拽js

style

components

basics -------------------基础拖拽组件

colorUi ------------------第三方colorUI组件

form ---------------------第三方表单组件

frameComponents --------- 编辑面板组件

LeftComponents -----------左侧组件

PhoneFrame ---------------拖拽主要区域

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值