公司动态

dragUI 可视化拖拽编程:快速搭出 uni-app 页面,简单拖放得到完整项目

📅 2026/8/22 17:29:17
dragUI 可视化拖拽编程:快速搭出 uni-app 页面,简单拖放得到完整项目
dragUI 可视化拖拽编程快速搭出 uni-app 页面简单拖放得到完整项目【免费下载链接】dragUI基于vuedraggable.js uni 的可视化拖拽编程自动生成项目自动生成代码自行导入第三方组件项目地址: https://gitcode.com/gh_mirrors/dr/dragUI写小程序页面时改一个高度就要保存、编译、再看效果来回折腾很磨人。dragUI 把这套流程改成可视化拖拽编程组件直接拖进手机框样式即时生效最后自动导出完整的 uni-app 代码。它解决什么问题拖拽完成页面搭建假设你要做一个活动落地页。传统做法是写好 vue 文件、跑起来、改个间距、再等编译。在 dragUI 里你从左侧组件区把按钮、文本拖进中间的手机框先拖布局组件、再往里放内容右侧面板改颜色和尺寸打开预览开关立刻看到结果几乎不用反复保存刷新。技术亮点实时预览与一键导出代码即时预览拖放组件、调整样式都实时渲染省掉编译等待的时间。一键导出项目拖好的页面连同目录结构打包成 uni-app 工程可直接导入开发工具继续开发。组件可扩展内置基础、ColorUI、表单三类组件也支持自行导入第三方组件。适合谁3 类常见场景想快速出原型的新手想少写样板代码的前端需要带学生动手做页面的老师。clone 下来跑起来先拖个按钮试试看。git clone https://gitcode.com/gh_mirrors/dr/dragUI【免费下载链接】dragUI基于vuedraggable.js uni 的可视化拖拽编程自动生成项目自动生成代码自行导入第三方组件项目地址: https://gitcode.com/gh_mirrors/dr/dragUI创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考