Example code of drag-and-drop sorting for WeChat applets

This article mainly shares the sample code of drag-and-drop sorting by applets. It has a certain reference value. let's take a look at it below. This article mainly shares the sample code of drag-and-drop sorting for small programs. It has some reference value. let's take a look at it together with the small editor.

Index. wxml

 
  
   
   
    {{item.content}}
    
  
 

Index. js

// Index. js // Obtain the application instance var app = getApp (); var x, y, x1, y1, x2, y2, index, currindex, n, yy; var arr1 = [{content: 11, id: 1}, {content: 22, id: 2}, {content: 33, id: 3}, {content: 44, id: 4 },{ content: 55, id: 5}]; Page ({data: {mainx: 0, content: [{content: 11, id: 1 }, {content: 22, id: 2 },{ content: 33, id: 3 },{ content: 44, id: 4 },{ content: 55, id: 5}], start: {x: 0, y: 0 }}, movestart: function (e) {currindex = e.tar get. dataset. index; x = e. touches [0]. ClientX; y = e. touches [0]. clientY; x1 = e. currentTarget. offsetLeft; y1 = e. currentTarget. offsetTop;}, move: function (e) {yy = e. currentTarget. offsetTop; x2 = e. touches [0]. clientX-x + x1; y2 = e. touches [0]. clientY-y + y1; this. setData ({mainx: currindex, opacity: 0.7, start: {x: x2, y: y2})}, moveend: function () {if (y2! = 0) {var arr = []; for (var I = 0; I
 
  
(52 * (k-1) + k * 2-26) {n = k;} if (y2> (52 * (Nx-1) + nx * 2-26 )) {n = nx;} console. log (arr); console. log (arr1) arr. splice (currindex-1), 1); arr. splice (n-1), 0, arr1 [currindex-1]); arr1 = []; for (var m = 0; m
  
   
Index. wxss
   
.container { height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: space-between; padding: 200rpx 0; box-sizing: border-box;} .box{width:300px; position: relative}.main{width: 90%; height:50px; background: #eee; border: 1px solid #ccc; margin:2px auto; text-align: center; line-height: 50px;}.mainmove{position: absolute; opacity: 0.7}.maind{background: #fff; border:1px dashed #efefef;}.mainend{position: static; opacity: 1;}
   
The above is all the content of this article. I hope this article will help you in your study or work, and I also hope to support PHP!
   
The above is the details of the sample code for drag-and-drop sorting of applets. For more information, see other related articles in the first PHP community!