1.0.10 • Published 11 months ago
drag-item v1.0.10
import Drag from 'drag-item'
new Drag({
element: document.querySelector('.container'),
cloneClassName:'item-clone'
})
// 比如
<div class="container">
<div class="item">1</div>
<div class="item">1</div>
<div class="item">1</div>
<div class="item">1</div>
<div class="item">1</div>
</div>
<style>
// 拖拽时生成的克隆对象样式必须包含以下属性
.item-clone {
position: fixed;
left: 0;
top: 0;
z-index: 1;
user-select: none;
pointer-events: none;
opacity: 0.8;
}
.item {
margin-right: 10px;
width: 16.19rem;
height: 10rem;
cursor: pointer;
user-select: none;
}
</style>