΢ÐÅС³ÌÐò£ºÆ´Í¼ÓÎÏ·
ÓÎÏ·½çÃæ
³õʼ»¯ÓÎÏ·£º

ÓÎÏ·³É¹¦£º

˼·&¹¦ÄÜ£º
1.³õʼ»¯£¬½«Êý×Ö1~8´æ·ÅÔÚÊý×éÖУ¬Ëæ»ú´òÂÒºóÆ´½ÓÒ»¸ö9(¿Õ°×¸ñ),Ð޸Ŀհ׸ñµÄÑùʽ
2.µã»÷Êý×Ö£¬ÅжϿհ׸ñ¶ÔÓÚÆäËùÔÚλÖõķ½Ïò£¬½øÐÐÏàÓ¦µÄÉÏÏÂ×óÓÒÒÆ¶¯
3.ÉÏÏÂ×óÓÒÒÆ¶¯£¬¼°°ÑÒÆ¶¯µÄÁ½¸öÊý×Ö»¥»»ÔÚÊý×éÖеÄλÖÃ
4.ÅжÏÊý×éÖÐÔªËØÊÇ·ñÊÇ[1,2,3,4,5,6,7,8,9]£¬ÊÇÔòÓÎÏ·³É¹¦£¬
5.¼ÆÊ±£¬ÀûÓö¨Ê±Æ÷£¬½áÊø£¬Çå³ý¶¨Ê±Æ÷
´úÂ룺
ÏîÄ¿ÖÐËùÓõ½µÄÊý¾Ý£º
- data: {
- num: ['¡ï', '¡ï', '¡ï', '¡ï', '¡ï', '¡ï', '¡ï', '¡ï', '¡ï'], //³õʼ»¯Ç°
- hidden: true, //Òþ²Ø¿Õ°×¸ñÖеÄÊý×Ö
- time:0, //ÃëÊý
- t:'' //¶¨Ê±Æ÷
- },¸´ÖÆ´úÂë
¹¹½¨Ò³Ã棺index.wxml
-
- ¸´ÖÆ´úÂë
ÐèÒª´«Á½¸öÊý¾Ý¹ýÈ¥£¬Ò»¸öÊDZ»µã»÷¿éµÄϱêindexºÍ¿éÖеÄÊý×Öitem
¶¯Ì¬Îª¿Õ°×¸ñ[9]Ìí¼ÓÑùʽactive
- {{item == 9'active':''}}¸´ÖÆ´úÂë
ÓÎÏ·³õʼ»¯£º
- init:function(){
- this.setData({
- num:this.sortArr([1,2,3,4,5,6,7,8]).concat([9])
- })
- },¸´ÖÆ´úÂë
³õʼ»¯µÄʱºò£¬ÕâÀïÓÃÁËsortArr(arr)´òÂÒÊý×飬²¢Æ´½Ó¸ö¿Õ°×¸ñ[9]£¬ÕâÑùÈÿհ׸ñ³õʼ»¯µÄʱºòÓÀÔ¶´¦ÓÚ×îºóһλ¡£
Ëæ»ú´òÂÒÊý×é:
- sortArr: function (arr) {
- return arr.sort(function () {
- return Math.random() - 0.5
- })
- }¸´ÖÆ´úÂë
ÕâÀïÓÃÁË×î¼òµ¥µÄ´òÂÒ·½·¨£¬È±µã¾ÍÊÇ´òÂÒ²»ÍêÈ«
¸øÃ¿¸ö¿éÌí¼Óµã»÷ʼþonMoveTap:
- onMoveTap: function (e) {
- var index = e.currentTarget.dataset.index;
- var item = e.currentTarget.dataset.item;
- if (this.data.num[index + 3] == 9) {
- this.down(e);
- }
- if (this.data.num[index - 3] == 9) {
- this.up(e);
- }
- if (this.data.num[index + 1] == 9 && index != 2 && index != 5) {
- this.right(e);
- }
- if (this.data.num[index - 1] == 9 && index != 3 & index != 6) {
- this.left(e);
- } }¸´ÖÆ´úÂë
Èç¹û¿Õ°×¸ñµÄϱê±ÈËùµã»÷µÄ¿éµÄϱí´ó3£¬Ôò±íʾ¿Õ°×¸ñÔÚËùµã»÷¿éµÄÏ·½£¬ÄÇôµã»÷ºóÏòÏÂÒÆ¶¯£»
Èç¹û¿Õ°×¸ñµÄϱê±ÈËùµã»÷µÄ¿éµÄϱíС3£¬Ôò±íʾ¿Õ°×¸ñÔÚËùµã»÷¿éµÄÉÏ·½£¬ÄÇôµã»÷ºóÏòÉÏÒÆ¶¯£»
Èç¹û¿Õ°×¸ñµÄϱê±ÈËùµã»÷µÄ¿éµÄϱí´ó1£¬Ôò±íʾ¿Õ°×¸ñÔÚËùµã»÷¿éµÄÓÒ·½£¬ÄÇôµã»÷ºóÏòÓÒÒÆ¶¯£¬Ð迼Âǵã»÷¿ìÊÇ·ñÔÚÈÝÆ÷ÓÒ±ßÔµ£»
Èç¹û¿Õ°×¸ñµÄϱê±ÈËùµã»÷µÄ¿éµÄϱíС1£¬Ôò±íʾ¿Õ°×¸ñÔÚËùµã»÷¿éµÄ×ó·½£¬ÄÇôµã»÷ºóÏò×óÒÆ¶¯£¬Ð迼Âǵã»÷¿ìÊÇ·ñÔÚÈÝÆ÷×ó±ßÔµ£»
ÒÆ¶¯£º
ÒÔÏòÉÏÒÆ¶¯¾ÙÀý
- up: function (e) {
- var index = e.currentTarget.dataset.index; //µ±Ç°Êý×Öϱê
- var temp = this.data.num[index];
- this.data.num[index] = this.data.num[index - 3]
- this.data.num[index - 3] = temp;
- this.setData({
- num: this.data.num
- })
- if (this.data.num.toString() == [1, 2, 3, 4, 5, 6, 7, 8, 9].toString()) {
- this.success();
- }
- }¸´ÖÆ´úÂë
ÒÆ¶¯ºó£¬½«Ëùµã»÷¿éÓë¿Õ°×¸ñ»¥»»ÔÚÊý×éÖеÄλÖ㬲¢ÅжÏĿǰµÄÊý×éÊÇ·ñÂú×ãÓÎÏ·³É¹¦µÄÌõ¼þ£¬ÅжÏÊý×éÏàµÈ£¬ÎÒÕâÀï°ÑÊý×éת»¯³É×Ö·û´®×öµÄ±È½Ï
ÓÎÏ·³É¹¦£º
- success: function () {
- var that = this;
- wx.showToast({
- title: '´³¹Ø³É¹¦',
- icon: 'success',
- success: function () {
- that.init();
- }
- })
- }¸´ÖÆ´úÂë
ÓÎÏ·³É¹¦£¬µ¯³ö½»»¥·´À¡´°¿Ú£¬²¢³õʼ»¯ÖØÐ´òÂÒÊý×é
¶¨Ê±Æ÷£º
- timeCount:function(){
- var that = this;
- var timer = that.data.time;
- that.setData({
- t:setInterval(function(){
- timer++;
- that.setData({
- time:timer
- })
- },1000)
- })
- }¸´ÖÆ´úÂë
¿ªÊ¼½áÊøÓÎÏ·£º
- timeBegin:function(){
- clearInterval(this.data.t);
- this.setData({
- time:0
- })
- this.timeCount();
- this.init();
- },
- timeStop:function(){
- clearInterval(this.data.t);
- if (this.data.num.toString() != [1, 2, 3, 4, 5, 6, 7, 8, 9].toString()) {
- this.fail();
- }
- }¸´ÖÆ´úÂë
¸ø¿ªÊ¼°´Å¥°ó¶¨timeBeginʼþ£¬³õʼ»¯ÓÎÏ·
¸ø½áÊø°´Å¥°ó¶¨timeStopʼþ£¬ÅжÏÊÇ·ñÓÎÏ·³É¹¦
ÊÔÍæ:
Ô´´úÂ룺github.com/lcp1551/lcp…
´ý¿ª·¢£º
Ñ¡ÔñÄѶÈ
×Ô´«Í¼Æ¬
ÔÞÉÍ