前端拖拽建站、运营一键生成、每月迭代新版本
2021-11-09 18:03:37 407KB h5
1
前言 公司项目需要做拖拽替换效果,本人用的vue框架。在网上找了很多资料都是用的 Vue.Draggable(git地址)。但这个组件实现的拖拽后插入效果,我倒腾了很久也没有替换效果(如果Vue.Draggable能实现拖拽替换效果的话请大神给我留言)。 JQ有实现拖拽的插件,我下载过一个插件并看过源码,大致原理是给目标元素设置定位属性,通过监听鼠标mousedown,mouseup事件,再计算鼠标位置变化,然后给元素样式设置偏移值来实现拖拽效果的。 H5提供了专门的拖拽API 给元素添加 draggable 属性,设置为 true就能实现拖拽了。本文使用的H5提供的拖拽API 以及vue 无
2021-11-08 10:50:57 56KB ab ble drag
1
在使用Vue拖拽移动时,因为我使用的Vue cdn的方式,但网上都是npm的方式写的此功能,所以我使用Vue自定义指令,不是Vue npm的方式,实现在一定范围内拖拽,移动,缩放的功能,且修复拖拽时卡顿问题
2021-11-03 11:01:20 172KB Vue自定义指令 拖拽移动缩放
1
windows平台上实现IDropSource、IDropTarget和IDataObject接口,实现拖放功能。拖放功能包含源和目标两块,可以单独实现,也可以同时实现拖和放两个功能。
2021-09-29 10:15:50 38KB drag drop 拖放 demo
1
砖块设计 快照 描述 基于React组件之间的原始约束设计,还原真实开发中组件编码过程,所见即所得。当前版本还在开发中,新功能持续更新.....欢迎关注! :package: 安装 yarn add @brickd/react @brickd/react-web @brickd/render 要么 npm install @brickd/react @brickd/react-web @brickd/render 用法 import { createElement } from ' react ' ; import { BrickDesign , BrickTree , BrickProvider ,
2021-09-27 17:49:31 5.18MB react typescript drag-and-drop page-builder
1
read-dnd 嵌套使用 不做具体react-dnd的api讲解,如有需要请查看官网文档,描述很清晰。 需求背景 左侧是物料区,各个可以拖拽的小组件 右侧为编辑区,可以将组件拖进去组成页面 右侧编辑区内已拖拽的小组件可以在内部继续拖拽进行排序 技术栈 react、react-dom、mobx、mobx-react、react-dnd 实现逻辑 数据结构设计 属性 类型 说明 id Number 组件id(根据规则自动生成) type String 组件类型 childrens Array 组件下面包含的子组件 // 数据示例如下: [ { id: 1, type: 'View', childrens: [ { id: 345, type: 'Bu
2021-09-18 10:43:55 2.92MB react drag-and-drop react-dnd JavaScript
1
源自开源的甘特图组件jquery gantt,加上了拖拽和resize功能,enjoy!
2021-09-15 15:57:06 210KB js jquery gantt drag
1
自定义一个新的YYListWidget,实现QListWidget内item带Widget拖拽并且移动item位置。快速学习在同一个QListWidget的item之间移动换序。
2021-09-09 14:08:56 7KB QT QListWidget drag
1
bootstrap easyui表单拖拽各种方法
2021-08-26 14:11:32 2.66MB drag
1
Vue3DraggableResizable [Vue3 组件] 用于拖拽调整位置和大小的的组件,同时支持冲突检测,元素吸附对齐,实时参考线。 [ Vue3 Component ] Draggable and resizable component for vue3, and, support element adsorption alignment, real-time reference line, etc. Table of Contents Features Draggable and resizable Define handles for resizing Restrict movement and size in parent node Customize various class names Provide your own markup for handles Adso
2021-08-22 14:44:03 595KB resize typescript component drag
1