今天給大家分享一個使用Vue3編寫的自由DIY小程式頁面。

mbDIY 一款基於vue3.x構建的可拖拽定製小程式模板。支援新建頁面、自由拖拽模組、複製/移動、自定義模組樣式等功能。

整個專案分為頁面、模組、控制元件三大部分。模組裡面的元件可拖拽至主面板區，編輯後儲存即可預覽效果。

# 克隆專案git clone https://gitee.com/sywlgzs/mbdiy.git# 進入專案目錄cd mbdiy# 安裝依賴npm i# 開發除錯npm run serve# 構建打包npm run build

非常不錯的一款vue3可拖拽模板，需要做視覺化拖拽的同學不要錯過喲~~

附上示例演示及倉庫地址連結。

# 預覽地址http://diy.hsycms.com/# gitee地址https://gitee.com/sywlgzs/mbdiy

ok，今天就分享到這裡。感興趣的小夥伴可以去看看哈。