当前位置:首页 > 技术分析 > 正文内容

基于vue.js拖动设计DIY

ruisui884个月前 (03-05)技术分析15

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

扫描二维码推送至手机访问。

版权声明:本文由ruisui88发布,如需转载请注明出处。

本文链接:http://www.ruisui88.com/post/2520.html

分享给朋友:

“基于vue.js拖动设计DIY” 的相关文章

vue3父子组件传对象,子组件访问修改父组件对象中的属性值

在Vue 3中,父子组件之间的数据传输通常通过props和emit进行。父组件可以通过props向下传递数据给子组件,子组件则可以通过emit向上通知父组件更新数据。如果需要在子组件中修改父组件对象中的属性值,可以使用一个名为ref的Vue 3新特性。以下是一个示例,演示了如何在Vue 3中实现父子...

如何在GitLab上回退指定版本的代码?GitLab回退指定版本问题分析

在Git中,回退到指定版本并不是删除或撤销之前的提交,而是创建一个新的提交,该提交包含指定版本的内容。这意味着您需要将当前代码更改与指定版本之间的差异进行比较,并将其合并到一个新的提交中。如果您没有更新本地代码,并且您希望将 GitLab 仓库回退到指定版本,您可以使用以下命令:git fetchg...

前后端分离自动化运维平台开发

运维平台采用前后端分离:前端vue,框架vue-element-admin;后端python,框架django-rest-framework.目前运维平台模块如下:1、 CMDB管理应用管理、环境管理、开发语言管理、产品项目管理、资产管理2、 构建发布持续构建、持续部署、Jar工程依赖构建3、 容器...

neovim 0.9在win下配置 python开发环境

初级的一些配置点击下面链接查看neovim安装插件管理器neovim常用快捷键neovim python开发环境简易配置方法 (需要手动键入命令行 运行python)安装neovim python的模块pip install pynvim pip install jedi pip install n...

30 个纯 HTML5 实现的游戏

浏览器和 JavaScript 的功能逐年不断的变强变大。曾几何时,任何类型的游戏都需要Flash。但随着 HTML5 发展,HTML5 + WebGL 游戏式就慢慢占领着这个舞台。以下是30款流行的游戏,它们可以在所有现代浏览器中运行,并且只使用web技术构建。1. HexGL地址:http://...

摄影后期必看 | PS插件camera raw 16.4教程 | 范围蒙版

范围蒙版Camera Raw 【蒙版】模块中提供了三个范围蒙版工具,可以通过特定的范围来创建蒙版。此次新增的【范围蒙版】大大加强了acr插件对局部调整的能力。点击下拉小箭头可以看到【颜色范围】,可用于快速选择想要编辑的颜色。快捷键:Shift + C【明亮度范围】,可用于快速选择想要调整的明亮度。快...