前幾天有給大家分享一款vue.js拖放布局設計器。今天再給大家分享一個很棒的Vue拖拽式生成移動端頁面工具LubanH5。
luban-h5 基於 vue2.x 構建的可視化搭建、拖拽快速生成移動端頁面平台,star高達2.6K+。類似易企秀、百度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
想提升下技術的同學可以去關注下哈,大家可以去動手試一試自定義組件。
# demo地址 https://h5.luban-h5.com/ # 文檔地址 https://ly525.github.io/luban-h5/zh/ # 倉庫地址 https://github.com/ly525/luban-h5
ok,就介紹到這里。感興趣的小伙伴可以去試一試,不可錯過!
