ƵµÀÀ¸Ä¿
Ê×Ò³ > ΢ÐÅѧԺ > ΢ÐÅС³ÌÐò > ÕýÎÄ
΢ÐÅС³ÌÐò֮ƴͼÓÎϷʵս½Ì³Ì
2019-12-07 10:02:52           
Êղؠ  ÎÒҪͶ¸å

΢ÐÅС³ÌÐò£ºÆ´Í¼ÓÎÏ·

ÓÎÏ·½çÃæ

³õʼ»¯ÓÎÏ·£º

ÓÎÏ·³É¹¦£º

 

˼·&¹¦ÄÜ£º

1.³õʼ»¯£¬½«Êý×Ö1~8´æ·ÅÔÚÊý×éÖУ¬Ëæ»ú´òÂÒºóÆ´½ÓÒ»¸ö9(¿Õ°×¸ñ),Ð޸Ŀհ׸ñµÄÑùʽ

2.µã»÷Êý×Ö£¬ÅжϿհ׸ñ¶ÔÓÚÆäËùÔÚλÖõķ½Ïò£¬½øÐÐÏàÓ¦µÄÉÏÏÂ×óÓÒÒÆ¶¯

3.ÉÏÏÂ×óÓÒÒÆ¶¯£¬¼°°ÑÒÆ¶¯µÄÁ½¸öÊý×Ö»¥»»ÔÚÊý×éÖеÄλÖÃ

4.ÅжÏÊý×éÖÐÔªËØÊÇ·ñÊÇ[1,2,3,4,5,6,7,8,9]£¬ÊÇÔòÓÎÏ·³É¹¦£¬

5.¼ÆÊ±£¬ÀûÓö¨Ê±Æ÷£¬½áÊø£¬Çå³ý¶¨Ê±Æ÷

 

´úÂ룺

ÏîÄ¿ÖÐËùÓõ½µÄÊý¾Ý£º

 


  1. data: {
  2. num: ['¡ï', '¡ï', '¡ï', '¡ï', '¡ï', '¡ï', '¡ï', '¡ï', '¡ï'], //³õʼ»¯Ç°
  3. hidden: true, //Òþ²Ø¿Õ°×¸ñÖеÄÊý×Ö
  4. time:0, //ÃëÊý
  5. t:'' //¶¨Ê±Æ÷
  6. },¸´ÖÆ´úÂë

¹¹½¨Ò³Ã棺index.wxml

 


  1.  
  2. ¸´ÖÆ´úÂë

ÐèÒª´«Á½¸öÊý¾Ý¹ýÈ¥£¬Ò»¸öÊDZ»µã»÷¿éµÄϱêindexºÍ¿éÖеÄÊý×Öitem

¶¯Ì¬Îª¿Õ°×¸ñ[9]Ìí¼ÓÑùʽactive

 


  1. {{item == 9'active':''}}¸´ÖÆ´úÂë

ÓÎÏ·³õʼ»¯£º

 


  1. init:function(){
  2. this.setData({
  3. num:this.sortArr([1,2,3,4,5,6,7,8]).concat([9])
  4. })
  5. },¸´ÖÆ´úÂë

³õʼ»¯µÄʱºò£¬ÕâÀïÓÃÁËsortArr(arr)´òÂÒÊý×飬²¢Æ´½Ó¸ö¿Õ°×¸ñ[9]£¬ÕâÑùÈÿհ׸ñ³õʼ»¯µÄʱºòÓÀÔ¶´¦ÓÚ×îºóһλ¡£

Ëæ»ú´òÂÒÊý×é:

 


  1. sortArr: function (arr) {
  2. return arr.sort(function () {
  3. return Math.random() - 0.5
  4. })
  5. }¸´ÖÆ´úÂë

ÕâÀïÓÃÁË×î¼òµ¥µÄ´òÂÒ·½·¨£¬È±µã¾ÍÊÇ´òÂÒ²»ÍêÈ«

¸øÃ¿¸ö¿éÌí¼Óµã»÷ʼþonMoveTap:

 


  1. onMoveTap: function (e) {
  2. var index = e.currentTarget.dataset.index;
  3. var item = e.currentTarget.dataset.item;
  4. if (this.data.num[index + 3] == 9) {
  5. this.down(e);
  6. }
  7. if (this.data.num[index - 3] == 9) {
  8. this.up(e);
  9. }
  10. if (this.data.num[index + 1] == 9 && index != 2 && index != 5) {
  11. this.right(e);
  12. }
  13. if (this.data.num[index - 1] == 9 && index != 3 & index != 6) {
  14. this.left(e);
  15. } }¸´ÖÆ´úÂë

Èç¹û¿Õ°×¸ñµÄϱê±ÈËùµã»÷µÄ¿éµÄϱí´ó3£¬Ôò±íʾ¿Õ°×¸ñÔÚËùµã»÷¿éµÄÏ·½£¬ÄÇôµã»÷ºóÏòÏÂÒÆ¶¯£»

Èç¹û¿Õ°×¸ñµÄϱê±ÈËùµã»÷µÄ¿éµÄϱíС3£¬Ôò±íʾ¿Õ°×¸ñÔÚËùµã»÷¿éµÄÉÏ·½£¬ÄÇôµã»÷ºóÏòÉÏÒÆ¶¯£»

Èç¹û¿Õ°×¸ñµÄϱê±ÈËùµã»÷µÄ¿éµÄϱí´ó1£¬Ôò±íʾ¿Õ°×¸ñÔÚËùµã»÷¿éµÄÓÒ·½£¬ÄÇôµã»÷ºóÏòÓÒÒÆ¶¯£¬Ð迼Âǵã»÷¿ìÊÇ·ñÔÚÈÝÆ÷ÓÒ±ßÔµ£»

Èç¹û¿Õ°×¸ñµÄϱê±ÈËùµã»÷µÄ¿éµÄϱíС1£¬Ôò±íʾ¿Õ°×¸ñÔÚËùµã»÷¿éµÄ×ó·½£¬ÄÇôµã»÷ºóÏò×óÒÆ¶¯£¬Ð迼Âǵã»÷¿ìÊÇ·ñÔÚÈÝÆ÷×ó±ßÔµ£»

 

ÒÆ¶¯£º

ÒÔÏòÉÏÒÆ¶¯¾ÙÀý

 


  1. up: function (e) {
  2. var index = e.currentTarget.dataset.index; //µ±Ç°Êý×Öϱê
  3. var temp = this.data.num[index];
  4. this.data.num[index] = this.data.num[index - 3]
  5. this.data.num[index - 3] = temp;
  6. this.setData({
  7. num: this.data.num
  8. })
  9. if (this.data.num.toString() == [1, 2, 3, 4, 5, 6, 7, 8, 9].toString()) {
  10. this.success();
  11. }
  12. }¸´ÖÆ´úÂë

ÒÆ¶¯ºó£¬½«Ëùµã»÷¿éÓë¿Õ°×¸ñ»¥»»ÔÚÊý×éÖеÄλÖ㬲¢ÅжÏĿǰµÄÊý×éÊÇ·ñÂú×ãÓÎÏ·³É¹¦µÄÌõ¼þ£¬ÅжÏÊý×éÏàµÈ£¬ÎÒÕâÀï°ÑÊý×éת»¯³É×Ö·û´®×öµÄ±È½Ï

 

ÓÎÏ·³É¹¦£º

 


  1. success: function () {
  2. var that = this;
  3. wx.showToast({
  4. title: '´³¹Ø³É¹¦',
  5. icon: 'success',
  6. success: function () {
  7. that.init();
  8. }
  9. })
  10. }¸´ÖÆ´úÂë

ÓÎÏ·³É¹¦£¬µ¯³ö½»»¥·´À¡´°¿Ú£¬²¢³õʼ»¯ÖØÐ´òÂÒÊý×é

 

¶¨Ê±Æ÷£º

 


  1. timeCount:function(){
  2. var that = this;
  3. var timer = that.data.time;
  4. that.setData({
  5. t:setInterval(function(){
  6. timer++;
  7. that.setData({
  8. time:timer
  9. })
  10. },1000)
  11. })
  12. }¸´ÖÆ´úÂë

 

¿ªÊ¼½áÊøÓÎÏ·£º

 


  1. timeBegin:function(){
  2. clearInterval(this.data.t);
  3. this.setData({
  4. time:0
  5. })
  6. this.timeCount();
  7. this.init();
  8. },
  9. timeStop:function(){
  10. clearInterval(this.data.t);
  11. if (this.data.num.toString() != [1, 2, 3, 4, 5, 6, 7, 8, 9].toString()) {
  12. this.fail();
  13. }
  14. }¸´ÖÆ´úÂë

¸ø¿ªÊ¼°´Å¥°ó¶¨timeBeginʼþ£¬³õʼ»¯ÓÎÏ·

¸ø½áÊø°´Å¥°ó¶¨timeStopʼþ£¬ÅжÏÊÇ·ñÓÎÏ·³É¹¦

 

ÊÔÍæ:

Ô´´úÂ룺github.com/lcp1551/lcp…

 

´ý¿ª·¢£º

Ñ¡ÔñÄѶÈ

×Ô´«Í¼Æ¬

ÔÞÉÍ

µã»÷¸´ÖÆÁ´½Ó ÓëºÃÓÑ·ÖÏí!»Ø±¾Õ¾Ê×Ò³
ÉÏһƪ£ºÐ¡³ÌÐòÉú³Éº£±¨±£´æ·ÖÏíͼƬÏêϸ½Ì³Ì
ÏÂһƪ£ºÎ¢ÐÅС³ÌÐòÓÐÐýת¶¯»­Ð§¹ûµÄÒôÀÖ×é¼þʵÀýչʾ
Ïà¹ØÎÄÕÂ
ͼÎÄÍÆ¼ö
µã»÷ÅÅÐÐ

¹ØÓÚÎÒÃÇ | ÁªÏµÎÒÃÇ | ¹ã¸æ·þÎñ | Ͷ×ʺÏ×÷ | °æÈ¨ÉêÃ÷ | ÔÚÏß°ïÖú | ÍøÕ¾µØÍ¼ | ×÷Æ··¢²¼ | Vip¼¼ÊõÅàѵ | ¾Ù±¨ÖÐÐÄ

°æÈ¨ËùÓÐ: È«·å°²È«ÁªÃË--ÖÂÁ¦ÓÚ×öʵÓõÄIT¼¼ÊõÑ§Ï°ÍøÕ¾