drag-item

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>