1 Star 11 Fork 3

胡伟鸿 / 低代码开发,可拖拽式开发

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README
MIT

一个低代码平台的前端部分,靠拖拉拽生成页面。

功能点

这是本项目具有的功能点,如果想了解详情请参考本项目的三篇文档,每个功能点都有不同程度的描述以及动图帮助你理解。

  1. 编辑器
  2. 自定义组件
  3. 拖拽
  4. 删除组件、调整图层层级
  5. 放大缩小
  6. 撤消、重做
  7. 组件属性设置
  8. 吸附
  9. 预览、保存代码
  10. 绑定事件
  11. 绑定动画(支持动画时长,是否循环等配置)
  12. 导入 PSD
  13. 手机模式
  14. 拖拽旋转
  15. 复制粘贴剪切
  16. 数据交互
  17. 发布
  18. 多个组件的组合和拆分
  19. 文本组件
  20. 矩形组件
  21. 锁定组件
  22. 快捷键
  23. 网格线
  24. 编辑器快照的另一种实现方式

在线 DEMO

文档

License

MIT

自定义组件

1.在custom-component目录下创建自己的xxx.vue文件 如 VElcarousel 2.在index.js需要将改组件注册
注册路径 => Vue.component(key, () => import(@/custom-component/${key})) 其中key为组件名称 具体路径组件可按实际情况进行修改 3.第三步在component-list.js 配置好改组件的参数及默认样式 label:组件名称, propValue:组件默认设置的传递参数,具体类型可以修改 4.新增组件的传递参数;如轮播图中的swiperList 由于默认只设置了propValue为传递参数,实际操作过程中是不够的。需要在components/index.vue 如下

在components/AttrList.vue 对其进行双向配置 //具体配置可以根据需求自定义配置

第{{i+1}}张

如果是一般传递参数比如字符串或者简单{key:value}对象用propValue就够了。由于propValue是默认为该组件的内容text,当为对象或者其他形式时需要对其进行修改 如:components/AttrList.vue

赞助

MIT License Copyright (c) 2021 谭光志 Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

简介

低代码开发,可拖拽式开发 基于vue2+element-dragger 开发 拖拽式生成网页,h5,预览功能,导出代码 展开 收起
MIT
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
HTML
1
https://gitee.com/hu_wei_hong/visual-drag-demo.git
git@gitee.com:hu_wei_hong/visual-drag-demo.git
hu_wei_hong
visual-drag-demo
低代码开发,可拖拽式开发
master

搜索帮助