基于vue.js拖动设计DIY
今天给大家分享一个挺有创意的小程序DIY自由设计模板。
项目概述
- 项目分为页面、模块、组件三个部分,可同时保存多个页面,可新建页面,可自由拖动模块至页面,模块可以复制,上下移动,可设置模块字体,背景,文字,图片,连接,样式等属性。
- src/util/module.js 所有模块JS初始文件
- views/diy.vue 页面主框架
- views/attr/ 模块属性设置
- components/ 模块上左右组件
- views/module/ 拖入模块组件
快速开始
// 克隆项目
git clone git@gitee.com:sywlgzs/mbdiy.git
// 安装依赖
npm i
// 运行项目
npm run serve
// 打包构建
npm run build
大家如果对vue自由DIY模板感兴趣,可以去看看哈。
# 预览地址
http://diy.hsycms.com/#/diy
# 仓库地址
https://gitee.com/sywlgzs/mbdiy
OK,今天就分享到这里,感谢大家的阅读!