基于vue.js拖动设计DIY

基于vue.js拖动设计DIY

编程文章jaq1232025-03-28 12:25:3721A+A-

今天给大家分享一个挺有创意的小程序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,今天就分享到这里,感谢大家的阅读!

点击这里复制本文地址 以上内容由jaq123整理呈现,请务必在转载分享时注明本文地址!如对内容有疑问,请联系我们,谢谢!

苍茫编程网 © All Rights Reserved.  蜀ICP备2024111239号-21