鲁班 H5基于 Vue 的拖拽式 H5 生成工具
鲁班H5是基于Vue2.0开发的,通过拖拽的形式,生成页面的工具,类似易企秀、百度 H5 的一个可视化搭建系统
初心:希望能通过工程化的手段,大幅度提高简单H5页面的制作效率,提高工程师的幸福感,从这种需求频繁变更的简单任务中解脱出来
Screenshots
Features
-
编辑器
-
- [x] 参考线
-
- [x] 吸附线、组件对齐
-
- [x] 拖拽改变组件形状
-
- [x] 元素: 复制(画布)
-
- [x] 元素: 删除(画布)
-
- [x] 元素: 编辑(画布)
-
- [x] 页面:新增
-
- [x] 页面:复制
-
- [x] 页面:删除
-
- [x] 快速预览
-
- [x] 撤销、重做
-
-
组件系统
-
- [x] 文字
-
- [x] 普通按钮
-
- [x] 表单按钮
-
- [x] 表单输入框
-
- [x] 普通图片
-
- [ ] 背景图
-
- [ ] 视频(Iframe形式)
-
-
增强功能
-
- [ ] 上传 PSD,一键转换为 H5(已经调研,可以实现)
-
- [ ] 图片库
-
- [ ] 第三方无版权图片搜索
-
- [ ] 自定义脚本(已经调研,可以实现)
-
-
后端 API
-
- [x] 创建、保存、更新作品
-
- [x] 表单数据收集
-
- [x] 表单数据展示
-
- [x] 在线预览
-
- [x] 二维码预览
-
技术栈(当前)
评论