mbdiy VUE3.0实现页面自由DIY

最新推荐文章于 2023-09-08 11:03:21 发布
置顶 最新推荐文章于 2023-09-08 11:03:21 发布
阅读量1.7k 收藏 8
点赞数 3
分类专栏： VUE 文章标签： diy
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u012015434/article/details/109486759
版权

使用VUE3.0实现页面自由DIY，可拖动模块到页面，可点击，可设置模块属性

 项目分为页面、模块、组件三个部分组成，可同时保存多个页面，可新建页面，可自由拖动模块至页面，模块可以复制，上下移动，可设置模块字体，背景，文字，图片，连接，样式等属性。

页面体验：http://diy.hsycms.com/

项目源码：https://gitee.com/sywlgzs/mbdiy

实现效果图 

 

神夜大侠
关注
  • 3
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
店铺装修
03-03
蚂蚁设计专业版 该项目已使用初始化。 遵循是如何使用的快速指南。 环境准备 安装node_modules ： npm install 或者 yarn 提供的脚本 Ant Design Pro提供了一些有用的脚本，可帮助您快速启动和构建Web项目，代码样式检查和测试。 package.json提供的脚本。 修改或添加其他脚本是安全的： 开始项目 npm start 建立项目 npm run build 检查代码样式 npm run lint 您还可以使用脚本自动修复某些皮棉错误： npm run lint:fix 测试码 npm test 更多的 您可以在我们的上查看完整文档。 并欢迎在我们的任何反馈。
教你如何把切割好的html页面转换成可供DIY的页面（高级教程）
热爱生活的专栏
11-07 2786
今天给大家讲讲 如何把已经切割好的html页面或者模仿的页面转换成可供DIY的页面 请跟随教程一步一步操作  如有疑问请提出  以下以家居频道为例为大家讲解 我们常见的切割好的html页面包含这么几个元素  如下图  图片文件夹、CSS文件夹、其它文件或图片文件夹、一个html页面   大家看下页面效果
vue3-form-validation：Vue 3中的DIY表单验证
02-11
vue3-form-validation 项目设置 yarn install 编译和热重装以进行开发 yarn serve 编译并最小化生产 yarn build 整理和修复文件 yarn lint 自定义配置 请参阅。
Diy页面服务端渲染解决方案
01-18 157
1. 问题由来 在移动互联网电商领域，运营每天需要搭建多个促销页面来吸引用户去点击去购买，一开始程序员临时写个新页面去实现，可这些页面可以用几次就不用了，每次创建新页面去实现费时费力，而且，电商的运营需求是快速迭代的，每次去页面代码里去改，然后上线也太不方便了。所以产品提出了Diy 页面----配置web组件去搭建页面，事先定好页面可能到用到哪些的组件，然后运营在后台选好页面由哪些组件...
打破千篇一律，DIY属于自己独一无二的商城
adminlikeshop的博客
08-02 212
随着线上购物成为了人们的主要消费之一，搭建商城系统也成为一大热门的发展方向，在现在的电商市场中，经营的主体规模非常庞大，各种各样的电商系统琳琅满目，但是只要仔细观察就会发现，有很大一部分的商城系统风格很相似，同质化现象非常严重，容易让用户产生审美疲劳，要是选择进行页面二次开发，需要花费的精力和成本又会很高，...
基于Vue2超简单实现DIY定制的步骤条
都随它大小便吧
08-23 3156
由于一些定制化的需求无法在网上直接找到可用插件来实现，只能DIY设计实现，如以下步骤条。
Uni-app&Vue完成小程序DIY装修方案经验分享
caichengsi1的博客
03-08 7513
一、引言 接到公司项目任务让我完成一个DIY小程序，也就是小程序装修方案。接手到项目后首先查了各大公司的DIY解决方案，最后经过筛选确定了选择有赞作为参考。 完成的功能：用户通过简单的拖拽可以实现对页面的编辑，可以自定义组件的高度，样式等。最后小程序展示出用户编辑的效果。话不多说先上图，做出来的效果： 所用技术方面： PC端：Vue + element UI + vuedraggable H5端：Uni-App + uview 微信小程序：Uni-App + uview H5端和..
vue2diy小程序(拖拽小程序 , 装修设计)
m0_73854403的博客
09-08 869
小程序diy, 拖拽小程序 , pc端拖拽小程序 ,装修小程序
DIYGW可视化快速生成VUE3静态html页面
luck332的专栏
04-21 2331
DIYGW可视化支持导出静态html页面。DIY可视化在原有支持导出uniapp、微信小程序、支付宝小程序、百度小程序、QQ小程序、Finclip小程序等基础上，增加导出静态html页面，导出静态html页面免打包，能快速集成到传统的静态html访问的页面系统。 导出静态页面使用了有赞vant移动端类库，大家在传统的项目中，仍然会用引进vue.js vant.js加到我们的html页面里，然后html页面加上自己的实现. 特性 多个高质量组件，覆盖移动端主流场景 使用vue3+vant+js编写 集成了
vue3拖拽布局+动态组件+自适应布局
蒋小姐的博客
04-08 6030
/在package.json中dependencies下添加下面插件库，并执行命令npm install。Vue Grid Layout -️ 适用Vue.js的栅格布局系统。可拖动和可调整大小栅格布局的Vue组件。
Vue3.0配置多页面应用
03-17
Vue3.0配置多页面应用源码
VUE3.0实现导航守卫模式的个人登录界面
01-26
VUE3.0实现导航守卫模式的个人登录界面，使用的依赖包：router vuex和element-plus，可以实现登录功能，并且过滤需要验证的url
Vue 3.0双向绑定原理的实现方法
10-16
主要为大家详细介绍了Vue 3.0双向绑定原理的实现方法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
C#基于.netcore6.0+vue3.0+elementUI3.0实现的教务管理系统源码.zip
05-18
C#基于.netcore6.0+vue3.0+elementUI3.0实现的教务管理系统源码.zip
vue3.0pdf在线预览
02-25
vue3.0pdf在线预览
配置一个vue3.0项目的完整步骤
10-17
主要介绍了配置一个vue3.0项目的完整步骤，从0开始配置一个vue项目，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
一个基于vue3.0的大数据分析系统，包含各种echarts和vue3.0新API-Vue.js开发
05-27
vue3-bigData是一个可视化系统，基于vue3.0 和 echarts实现，使用vue的最新的技术栈，包括各种可视化图表。 vue3-bigData 探索本项目的文档 » 在线预览 · 提出Bug · 提出新特性 简介 vue3-bigData是一个...
Vue 3.0中jsx语法的使用
01-21
Vue 3.0 正式发布了，喜大普奔:beaming_face_with_smiling_eyes:。新的语法又要学习一阵阵，不过需要在生产环境下大面积使用，可能需要等到它的周边工具：vuex，vue-router 等等全部升级完毕。 Vue 3.0 中尤大使用的...
vue3.0版本下载
10-30
Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另...
vue3.0 页面跳转实现
最新发布
02-23
在Vue 3.0中，页面跳转可以通过使用Vue Router来实现。Vue Router是Vue.js官方的路由管理器，它可以帮助我们实现单页应用的页面跳转和导航。 首先，你需要安装Vue Router。可以通过npm或者yarn来安装： ``` npm ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值