首页
沸点
课程
数据标注
HOT
AI Coding
更多
直播
活动
APP
插件
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
低代码拖拽
订阅
别开枪我你妹夫
更多收藏集
微信扫码分享
微信
新浪微博
QQ
3篇文章 · 0订阅
手把手带你写 Vue 可视化拖拽页面编辑器
定义一个变量type,用于触发拖拽事件开始的时候,确定当前拖拽元素是哪种类型,比如:产品、广告图... 即松开鼠标、或离开释放区域,则恢复默认状态。 上方的计算规则,用于判断元素是否为拖拽元素。 页面的显示方式,拖拽的时候只显示组件名,释放之后才恢复正常显示内容。 其实并不复杂…
Vite2 + React17 + Typescript4 + Ant Design 4 低代码可视化拖拽页面编辑器(一)
低代码可视化拖拽页面编辑器 随着大前端的不断发展,越来越解放开发的双手,感觉要失业啦(^_^),针对一些简单模板处理,可直接通过个拖拉拽放,就可简单实现一些不错的 UI 功能。
可视化拖拽页面编辑器 一
最终效果实现功能:主页面结构:左侧可选组件列表、中间容器画布、右侧编辑组件定义好的属性从菜单拖拽组件到容器;单选、多选;容器内的组件可以拖拽移动位置;组件拖拽调整宽高;组件拖拽贴边,显示辅助线;操作栏