有你在真好 的个人博客
超优秀 Vue+H5 拖拽式页面生成器luban-h5
阅读:2052 添加日期:3/30/2021 5:56:21 PM

前几天有给大家分享一款vue.js拖放布局设计器。今天再给大家分享一个很棒的Vue拖拽式生成移动端页面工具LubanH5。

超优秀 Vue+H5 拖拽式页面生成器luban-h5

h5maker基于vue.js拖拽布局设计器

luban-h5 基于 vue2.x 构建的可视化搭建、拖拽快速生成移动端页面平台,star高达2.6K+。类似易企秀、百度H5等平台。

超优秀 Vue+H5 拖拽式页面生成器luban-h5

演示视频

一个简单加载自定义轮播图组件的介绍视频,帮助大家更快上手项目。

播放 暂停
进入全屏 退出全屏
00:00 00:00
重播 刷新试试

功能特色

  • 参考线、吸附线、组件对齐
  • 拖拽改变组件形状
  • 元素: 复制、删除、编辑(画布)
  • 页面:新增、复制、删除
  • 快速预览
  • 撤销、重做
超优秀 Vue+H5 拖拽式页面生成器luban-h5

安装使用

# 克隆项目
git clone https://github.com/ly525/luban-h5.git

# 进入目录
cd luban-h5

# 安装依赖,构建前后端
./luban-h5.sh init

# 启动项目
./luban-h5.sh start

# ./luban-h5.sh stop
超优秀 Vue+H5 拖拽式页面生成器luban-h5

超优秀 Vue+H5 拖拽式页面生成器luban-h5

超优秀 Vue+H5 拖拽式页面生成器luban-h5

想提升下技术的同学可以去关注下哈,大家可以去动手试一试自定义组件。

# demo地址
https://h5.luban-h5.com/

# 文档地址
https://ly525.github.io/luban-h5/zh/

# 仓库地址
https://github.com/ly525/luban-h5

ok,就介绍到这里。感兴趣的小伙伴可以去试一试,不可错过!