龙空技术网

基于vue.js拖动设计DIY

web前端进阶 12418

前言:

目前朋友们对“拖拽js”大约比较着重,大家都需要知道一些“拖拽js”的相关资讯。那么小编在网摘上收集了一些对于“拖拽js””的相关文章,希望咱们能喜欢,小伙伴们一起来学习一下吧!

今天给大家分享一个挺有创意的小程序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模板感兴趣,可以去看看哈。

# 预览地址 仓库地址

OK,今天就分享到这里,感谢大家的阅读!

标签: #拖拽js #拖拽设计js #web拖拽式开发