微信小程序汉字排序怎么实现?

　　微信小程序汉字排序怎么实现?有微信小程序开发者问小编，应该怎么去开发实现微信小程序汉字排序，今天小编我就来和大家一起学习微信小程序汉字排序怎么实现的方法哦，一起来看看吧。

微信小程序汉字排序怎么实现?

　　微信小程序汉字排序的效果如下：

　　我通过微信接口拿到的只有城市名， 没有拼音、 字母分类这些微信参数。

　　想要做成这个效果。需要用到以下微信代码哦：

　　//index.js//获取应用实例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.target.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;}

　　以上就是微信小程序汉字排序怎么实现的全部内容了哦，感谢各位亲们的观看，希望以上的内容对大家会有帮助哦，大家请多多关注微微风哦。更多相关的微信内容尽在微微风，感谢你的关注。

 　推荐阅读：

　　单页类型小程序是什么样的?单页类型小程序怎么制作

　　微信小程序输入框样式怎么制作

　　微信小程序游戏开发可以吗?