使用element+vuedraggable实现图片上传拖拽排序使用element+vuedraggable实现图片上

本文实例为大家分享了用element+vuedraggable实现图片上传拖拽排序的具体代码，供大家参考，具体内容如下

.allUpload{.left{float: left; width: 148px; height: 148px; border-radius: 6px; border: 1px solid #c0ccda; margin:0 20px 20px 0; overflow: hidden; position: relative; cursor: pointer; &:hover{.content-wrap{display: block; }}.content-wrap{display: block; }img{max-width: 100%; max-height: 100%; object-fit: cover; }.content-wrap{display: none; position: absolute; z-index: 99999999; width: 100%; height: 100%; background:rgba($color: #000000, $alpha: 0.4); .content{width: 100%; height: 100%; i{color: #fff; font-size: 18px; &:nth-of-type(1){margin-right: 10px; }&:nth-of-type(2){margin-left: 10px; }}}}}.wrap{float: left; }}