莫方教程网

专业程序员编程教程与实战案例分享

基于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,今天就分享到这里,感谢大家的阅读!

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言

    滇ICP备2024046894号-1